@media screen and (min-device-width: 300px) and (max-device-width: 767px) and (orientation : landscape) {
   .header_bottom.affix{ position:relative;}
}


@media only screen and (max-width: 1199px) {
.header_bottom .menu{ float:left;}
.header_bottom .contact_info{ margin:30px 0 0 0;}
.nav li ul{padding: 6px 0 0 0;}
.header_bottom.affix .logo{ display:none;}
.header_bottom.affix .menu {margin: 0px 0 0 0;}
.header_bottom.affix .nav li ul { padding: 6px 0 0 0;}
}
@media only screen and (max-width: 991px) {
.header_bottom.affix .logo{ display:block; margin:0; float:left; width:auto;}
.header_bottom .logo .tagline h3{ font-size:20px;}
.header_bottom.affix .logo img{ width:42px;}
.header_bottom.affix .toggleMenu{ margin:5px 0 0 0;}	
.nav > li{ width:100%;}
.header_bottom .logo{ margin:0px auto; float:none;}
.header_bottom .contact_info{ float:left; margin: 15px 0 0 0;}
.header_bottom.affix .nav li ul {padding: 0px 0 0 0;}
.nav li:hover ul{ position:relative; margin:0; padding:0;}
/*.nav > li > ul{ list-style:circle; list-style-position:inside;}*/
.nav > li > ul > li > a {padding: 2px 10px 2px 15px;color: #777; background:rgba(63, 71, 204, 0);
font-size:14px;}
.nav > li > ul > li:hover > a{background:rgba(63, 71, 204, 0);color: #777;}

.top_services h2.text_block{ padding: 0 0; line-height:1.4; font-size:20px;}
.tittle h2{margin: 0 0 10px 0; font-size:30px;}
.tittle h2 span {padding-bottom: 10px;}
.tittle {padding: 0 0 20px 0;}
.about_contain p{ text-align:left !important;}
.tittle p{ padding:0 0; font-size:18px;}
}
@media screen and (max-width: 991px) {
	.sub_banner .pag_titl_sec{ position:static; margin:0px 0 0 0; padding:0; background:#ededed;    webkit-transform: translate3d(0,0%,0);
    -moz-transform: translate3d(0,0%,0);
    -ms-transform: translate3d(0,0%,0);
    -o-transform: translate3d(0,0%,0);
    transform: translate3d(0,0%,0);
}
.sub_banner .pag_titl{ float:left; color:#666; text-shadow:none; font-size:24px; padding:10px 0 0 0;}
.sub_banner .breadcrumb{ float:right;}
.sub_banner .breadcrumb a{ color:#666;}
.sub_banner .breadcrumb > .active { color:#999;}
.sub_banner .breadcrumb > li + li::before{color:#666;}
	
}


@media only screen and (max-width: 767px) {
.banner_section .owl-controls .owl-page span{ width:8px; height:8px; background:#fff;}
.banner_section .owl-controls{ bottom:0px;}
.top_services h2.text_block{ font-size:18px;}
.top_services {padding: 20px 0;}
.about_section,.services_section,.client_section,.inner_page{ padding:30px 0px;}

.about_page .left{ margin-bottom:15px;}

}
@media only screen and (max-width: 600px) {
.header_bottom .contact_info li{ margin:0 0 0 0; float:none;}
.header_bottom{ position: relative;}
.toggleMenu{ margin:35px 0 0 0;}
.header_bottom .menu .nav{ border-top:1px solid #eee;}	
.header_bottom.affix .menu .nav{ border-top:none;}
}
@media only screen and (max-width: 480px) {
.services_section .col{ width:100%;}
.sub_banner .breadcrumb > li + li::before{ padding:0px 5px;}
.sub_banner .breadcrumb{ font-size:15px; padding:8px 0px;}
.sub_banner .pag_titl{ text-transform:capitalize !important; padding: 9px 0 0 0;}
.sub_banner .pag_titl{ font-size:18px;}

.services_page .col{ width:100%;}	
	
	}

@media only screen and (max-width: 360px) {
.header_bottom .logo .tagline h3 {font-size: 18px;}
.header_bottom .logo .tagline p{ font-size:12px;}
.header_bottom.affix .logo img {width: 37px;}
.header_bottom.affix .toggleMenu {margin: 3px 0 0 0;}	
	
	}