/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
html {
	font-size: 90%;
}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
html {
	font-size: 75%;
}
.sm-text-center {
	text-align: center;
}
.sm-text-right {
	text-align: right;
}
.sm-text-left {
	text-align: left;
}
.sm-maxwidth400{
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}
.sm-maxwidth500{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.sm-maxwidth600{
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
.divider, .parallax {
  background-attachment: scroll;
}
.navbar-nav  .dropdown-menu {
    left: auto;
}
#header-logo {
	padding: 10px 15px;
}
section > .container, section > .container-fluid {
	padding-bottom: 30px;
}
.divider .container {
}
.header .navbar-default .navbar-nav > li > a::after {
	display: none;
}
.map {
	margin-top: 30px;
}
.contact-wrapper {
    padding: 50px 30px;
}
.header #header-logo {
	padding-top: 20px;
}
.minimal-layout .header #header-logo {
	padding-top: 10px;
}
.header .navbar-default .navbar-toggle {
	margin-top: 18px;
}
.minimal-layout .header .navbar-default .navbar-toggle {
	margin-top: 8px;
}
.header #header-logo img {
	height: 30px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
html {
	font-size: 60%;
}
.xs-text-center {
	text-align: center;
}
.xs-text-right {
	text-align: right;
}
.xs-text-left {
	text-align: left;
}
.xs-fullwidth {
	width: 100%;
}
.maxwidth400{
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}
.maxwidth500{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.maxwidth600{
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
.xs-pull-center {
	display: table;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.box-hover-effect {
	float: none;
}
#header-logo {
	padding: 10px 15px;
}
#spinner {
	left: 42%;
}
.navbar-default .navbar-toggle {
	margin-top: 15px;
	border-radius: 0px;
}
#home .display-table p {
	margin: 15px 0;
	font-size: 14px;
}
.call-to-action {
	text-align: center;
}
.call-to-action .icon {
	float: none;
}
.sidebar.pull-left,
.sidebar.pull-right {
	float: none !important;
}
.blog-posts .entry-meta {
	background: none;
	left: auto;
	position: relative;
	top: auto;
}
.blog-posts .entry-meta li {
	border: 1px solid #ddd;
	display: inline-block;
}
.testimonial-carousel.boxed .owl-dots {
 	text-align: center;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
html {
	font-size: 50%;
}
.xxs-text-center {
	text-align: center;
}
.post > div {
	width: 100%;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
html {
	font-size: 35%;
}
}

@charset "utf-8";
/* CSS Document */

/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1120px) {
	
		/*----*****---- << Header >> ----*****----*/		
		#main-menu ul li a { padding:0px 14px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 14px; }
		
	
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		
		/*----*****---- << Header >> ----*****----*/		
		#logo { width:27%; }
		#logo h2 a { font-size:20px; }
		
		#main-menu ul li a { padding:0px 8px; font-size:12px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 8px; }
		#main-menu ul li ul { width:150px; }
		#main-menu ul ul ul { left:150px; }
		
		
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.mobile-menu { display:; }
		#main-menu ul { display:none; }
		
		.container { width:420px; }
		.boxed .wrapper { width:460px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:100%; text-align:center; margin-bottom:10px; background-position:17% center; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
	
	
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:80%; }
		.boxed .wrapper { width:100%; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:89%; text-align:center; margin-bottom:10px; background-position:14% 4px; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		#logo h2 a { font-size:18px; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
		/*----*****---- << Headings >> ----*****----*/		
		
	}
	
	
	/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
html {
	font-size: 90%;
}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
html {
	font-size: 75%;
}
.sm-text-center {
	text-align: center;
}
.sm-text-right {
	text-align: right;
}
.sm-text-left {
	text-align: left;
}
.sm-maxwidth400{
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}
.sm-maxwidth500{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.sm-maxwidth600{
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
.divider, .parallax {
  background-attachment: scroll;
}
.navbar-nav  .dropdown-menu {
    left: auto;
}
#header-logo {
	padding: 10px 15px;
}
section > .container, section > .container-fluid {
	padding-bottom: 30px;
}
.divider .container {
}
.header .navbar-default .navbar-nav > li > a::after {
	display: none;
}
.map {
	margin-top: 30px;
}
.contact-wrapper {
    padding: 50px 30px;
}
.header #header-logo {
	padding-top: 20px;
}
.minimal-layout .header #header-logo {
	padding-top: 10px;
}
.header .navbar-default .navbar-toggle {
	margin-top: 18px;
}
.minimal-layout .header .navbar-default .navbar-toggle {
	margin-top: 8px;
}
.header #header-logo img {
	height: 30px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
html {
	font-size: 60%;
}
.xs-text-center {
	text-align: center;
}
.xs-text-right {
	text-align: right;
}
.xs-text-left {
	text-align: left;
}
.xs-fullwidth {
	width: 100%;
}
.maxwidth400{
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
}
.maxwidth500{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}
.maxwidth600{
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
.xs-pull-center {
	display: table;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.box-hover-effect {
	float: none;
}
#header-logo {
	padding: 10px 15px;
}
#spinner {
	left: 42%;
}
.navbar-default .navbar-toggle {
	margin-top: 15px;
	border-radius: 0px;
}
#home .display-table p {
	margin: 15px 0;
	font-size: 14px;
}
.call-to-action {
	text-align: center;
}
.call-to-action .icon {
	float: none;
}
.sidebar.pull-left,
.sidebar.pull-right {
	float: none !important;
}
.blog-posts .entry-meta {
	background: none;
	left: auto;
	position: relative;
	top: auto;
}
.blog-posts .entry-meta li {
	border: 1px solid #ddd;
	display: inline-block;
}
.testimonial-carousel.boxed .owl-dots {
 	text-align: center;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
html {
	font-size: 50%;
}
.xxs-text-center {
	text-align: center;
}
.post > div {
	width: 100%;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
html {
	font-size: 35%;
}
}

@charset "utf-8";
/* CSS Document */

/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1120px) {
	
		/*----*****---- << Header >> ----*****----*/		
		#main-menu ul li a { padding:0px 14px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 14px; }
		
	
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		
		/*----*****---- << Header >> ----*****----*/		
		#logo { width:27%; }
		#logo h2 a { font-size:20px; }
		
		#main-menu ul li a { padding:0px 8px; font-size:12px; }
		#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:40px 8px; }
		#main-menu ul li ul { width:150px; }
		#main-menu ul ul ul { left:150px; }
		
		
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.mobile-menu { display:; }
		#main-menu ul { display:none; }
		
		.container { width:420px; }
		.boxed .wrapper { width:460px; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:100%; text-align:center; margin-bottom:10px; background-position:17% center; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
	
	
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.mobile-menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:80%; }
		.boxed .wrapper { width:100%; }
		
		/*----*****---- << Header >> ----*****----*/		
		#top-bar .social-icons { float:left; width:100%; text-align:center; }
		#top-bar .phone-no { width:89%; text-align:center; margin-bottom:10px; background-position:14% 4px; }
		
		#logo { width:100%; text-align:center; margin-top:20px; margin-bottom:10px; }
		#logo img { max-width:100%; }
		#logo h2 a { font-size:18px; }
		
		#main-menu { float:left; width:100%; margin-bottom:5px; }
		
		/*----*****---- << Headings >> ----*****----*/		
		
	}
	
	/* Media Queries
-------------------------------------------------------------- */

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	


	#mainnav .menu > li:first-child a {
		padding-left: 0;
	}

	#mainnav .menu > li > a {
		padding: 0 15px;
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.logo {
	    display: inline-block;
	    float: left;
	}

	.btn-menu {
		display: block ;
	}

	.nav-wrap {
		position: relative;
	}		

	#mainnav {
		display: none;
	}

	.top,
	.top .flat-questions {
		text-align: center;
	}

	.top .flat-socials, 
	.top .flat-questions {
		float: none;
	}

	

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {	

	#menu-bottom li a {
		padding-left: 0;
		padding-right: 20px;
	}
	
	
}


/* Mobile Portrait Size */
@media only screen and (max-width: 549px) {	


	.top .flat-infomation ul li:after,
	.top .flat-questions:before {
		display: none;
	}

	.footer-bottom p,
	#menu-bottom li {
		line-height: normal;
	}

}