/* Mobile Portrait View max 479px */
@media screen and (max-width:29.938em) {	
	.header-section{width:auto; padding:15px;}
	.container{width:auto; padding:15px;}
	.logo{display:block; text-align:center; margin:0; padding:0 0 15px 0; float:none; width:auto;}
	/*.logo img{width:auto; display:block;height: auto;}*/
	.header-right{float:none; display:block; width:auto;}
	.top-searchbox{ width:93%; height:auto; display:block; margin:0;}
	.searchbox{float:left; width:auto;}
	.searchtext{margin-bottom:5px;}
	.searchinput{width:125px;}
	.mainboxrotatorarea{height:auto;}
	.mainblock{height:auto; background-color:transparent;}
	.newsblock, .eventsblock, .blogblock{float:none; display:block; width:auto; border:none; margin-bottom:10px; padding:10px;}
	.eventbox, .blogbox{padding:0px;}
	.newsthumb{width:25%;}
	.newsthumb img{display:block; width:100%; height:auto;}
	.ca-nav span.ca-nav-next{right:0px;}
	.ca-nav span{left:230px;}
	.technicalca-container, .whitepaperca-container, .articlesca-container{height:130px;}
	.eventsca-nav span.eventsca-nav-next{right:0px;}
	.eventsca-nav span{left:230px;}
	.blogca-nav span.blogca-nav-next{right:0px;}
	.blogca-nav span{left:230px;}
	.articlesca-nav span, .whitepaperca-nav span, .technicalca-nav span{margin-top: -80px;}
	.newsmain{width:75%;}
	.newscontentarea{width:70%;}
	.newsbox{padding:0px;}
	.tp-caption.mydivider, .mydivider{width:24.5% !important;}
	.timelineboxarea .container h3{line-height:36px;}
	.timelineca-wrapper{ height:80%;}
	.location-map-box{height:auto;}
	.mapleft{float:none; width:auto;}
	.mapleft h2{line-height:30px;}
	.mapright{float:none; width:100%; margin-top:25px;}
	.wpgmza_map{width:100% !important;}
	.careeleft{float:none; width:auto; display:block; /*margin-top:450px;*/}
	.careerright{float:none; width:auto; display:block;}
	.capsection{background-size: 60% auto; float: left; margin: -100px 0 0 165px;}
	.bottombox1, .bottombox2, .bottombox3{float:none; display:block; width:auto; border:none; margin-bottom:10px; margin-right:0px; padding:10px;}
	.social-icons{width:auto; display:block;}
	.articlesca-nav span.articlesca-nav-next, .whitepaperca-nav span.whitepaperca-nav-next, .technicalca-nav span.technicalca-nav-next{right:0;}
	.articlesca-nav span.articlesca-nav-prev, .whitepaperca-nav span.whitepaperca-nav-prev, .technicalca-nav span.technicalca-nav-prev{left:220px;}
	.articlebox{width:40%;}
	.titleblock{padding-right:10px; font-size:12px;}
}
/*.social_list{ right: 0px; }*/

.timelinefullsection .container{width:75%;}
.inrcontainer{left:0px; width:auto; padding:15px;}
/*
.leftsidebar{float:none; display:block; width:auto;}
.leftsidearea{width:100%;}
.centersection{float:none; width:auto;}
.rightsidebar{float:left; width:100%;}
*/
.publicationboxbot, .archiveboxbot, .popularlistboxbot{background-size:100%; height:35px;}
.popularlistbox{width: auto;}
.postloop, .serviceloop img{width:auto; display:block;}
.postloop iframe{width:100% !important;}
.postloop, .serviceloop table{width:100% !important;}


@media(max-width: 767px){
	.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-1{width:auto;}
	.postloop h1{line-height:30px;}
	.postloop h2{line-height:25px;}
	.banner-title, .banner-title-sub, .banner-title h1{font-size:25px;}
	.banner-title-sub{line-height:2px;}
	.infocontactarea{width:100%; float:none;}
	.infocontactarea ul li{float: left; margin-right: 0; width: 50%;}
	.nationalspecialist{line-height:30px; padding-bottom:50px;}
	/*.nationalspecialist a{float:left;}*/
	.stafsearchleft{width:100%;}
	.staffsearchright{width:auto; height:auto; background-image:none;}
	.setboxleft{float:left; width:auto; background-image:none;}
	.setboxright{float:left; width:auto;}
	.btninfo{top:0px;}
	.accord > ul > li > span{top:-16px;}
	.alignright, img.alignright, .alignleft, img.alignleft, .aligncenter, img.aligncenter{float:left; padding: 20px 20px 20px 0;}
	.imageproject img{height:auto; /*width:100%;*/}
	.readmore{margin-bottom:20px;}
	.sym{left:-230px;}
	#navigationmob{display: block; float:left; margin:20px 0 10px 18px;}
	#navigation{display:none;}
	.mapleftlocation{float:none; width:95.2%;}
	.maprightlocation{float:none; width:100%;}
	/*, .ca-item, .eventsca-item, .blogca-item*/
	.articlesca-item, .whitepaperca-item, .technicalca-item{width:100% !important;}
	.articlebox, .newsfullarea{ width:100% !important;}
	.conleft{float:none; width:auto;}
	.conleft input, .conleft textarea{ width:100%;}
	.conright{ float:left; width: auto;}
	.serviceloop table {
	 	overflow: scroll;
	}
}

/* Mobile Landscape View max 767px and min 480px */
@media screen and (max-width:47.938em) and (min-width:30.000em) { 
	.menu{width:97.5% !important;}
	.header-section{width:auto; padding:15px;}
	.container{width:auto; padding:15px;}
	.logo{text-align:center; margin:0; padding:0 0 15px 0; float:none; width:auto;}
	/*.logo img{width:auto;}*/
	.header-right{float:none; display:block; width:auto;}
	.top-searchbox{display: block; float: left; height: auto; margin: 0; padding-left: 2%; padding-right: 0; width: 97%;}
	.searchbox{float:left; width:auto;}
	.searchtext{margin-bottom:5px; padding-right:25px; display:block; float:left; text-align:left;}
	.searchinput{width:auto;}
	.mainboxrotatorarea{height:auto;}
	.mainblock{height:auto; background-color:transparent;}
	.newsblock, .eventsblock, .blogblock{float:none; display:block; width:auto; border:none; margin-bottom:10px; padding:10px;}
	.eventbox, .blogbox{padding:0px;}
	.newsthumb{width:25%;}
	.newsthumb img{display:block; width:100%; height:auto;}
	.ca-nav span.ca-nav-next{right:0px;}
	.ca-nav span{left:387px;}
	.technicalca-container, .whitepaperca-container, .articlesca-container{height:130px;}
	.eventsca-nav span.eventsca-nav-next{right:0px;}
	.eventsca-nav span{left:390px;}
	.blogca-nav span.blogca-nav-next{right:0px;}
	.blogca-nav span{left:390px;}
	.articlesca-nav span, .whitepaperca-nav span, .technicalca-nav span{margin-top: -80px;}
	.newsmain{width:75%;}
	.newscontentarea{width:70%;}
	.newsbox{padding:0px;}
	.tp-caption.mydivider, .mydivider{width:24.5% !important;}
	.timelineboxarea .container h3{line-height:36px;}
	.timelineca-wrapper{ height:80%;}
	.location-map-box{height:auto;}
	.mapleft{float:none; width:auto;}
	.mapleft h2{line-height:30px;}
	.mapright{float:none; width:100%; margin-top:25px;}
	.wpgmza_map{width:100% !important;}
	.careeleft{float:none; width:auto; display:block; /*margin-top:450px;*/}
	.careerright{float:none; width:auto; display:block;}
	.capsection{background-size: 60% auto; float: left; margin: -100px 0 0 165px;}
	.bottombox1, .bottombox2, .bottombox3{float:none; display:block; width:auto; border:none; margin-bottom:10px; margin-right:0px; padding:10px;}
	.social-icons{width:auto; display:block;}
	.articlesca-nav span.articlesca-nav-next, .whitepaperca-nav span.whitepaperca-nav-next, .technicalca-nav span.technicalca-nav-next{right:0;}
	.articlesca-nav span.articlesca-nav-prev, .whitepaperca-nav span.whitepaperca-nav-prev, .technicalca-nav span.technicalca-nav-prev{left:390px;}
	.articlebox{width:40%;}
	.titleblock{padding-right:10px; font-size:12px;}
/*	.footerboxone, .footerboxtwo, .footerboxthree, .footerboxfour{margin:15px 0; display:block; width:100%; float:left;}*/
	.timelinefullsection .container{width:75%;}
	.inrcontainer{left:0px; width:auto; padding:15px;}
	.leftsidebar{float:none; display:block; width:auto;}
	.leftsidearea{width:100%;}
	.centersection{float:none; width:auto;}
	.rightsidebar{float:left; width:100%;}
	.publicationboxbot, .archiveboxbot, .popularlistboxbot{background-size:100%; height:50px;}
	.popularlistbox{width: auto;}
	.postloop, .serviceloop img{width:auto; display:block;}
	.postloop iframe{width:100% !important;}
	.postloop, .serviceloop table{width:100% !important;}
	.postloop h1{line-height:30px;}
	.postloop h2{line-height:25px;}
	.banner-title, .banner-title-sub, .banner-title h1{font-size:25px;}
	.banner-title-sub{line-height:2px;}
	.infocontactarea{width:100%; float:none;}
	.infocontactarea ul li{float: left; margin-right: 0; width: 50%;}
	.nationalspecialist{line-height:30px; padding-bottom:50px;}
	.nationalspecialist a{float:left;}
	.stafsearchleft{width:100%;}
	.staffsearchright{width:auto; height:auto; background-image:none;}
	.setboxleft{float:left; width:auto; background-image:none;}
	.setboxright{float:left; width:auto;}
	.btninfo{top:0px;}
	.accord > ul > li > span{top:-16px;}
	.alignright, img.alignright, .alignleft, img.alignleft, .aligncenter, img.aligncenter{float:left; padding: 20px 20px 20px 0;}
	.imageproject img{height:auto;/* width:100%;*/}
	.readmore{margin-bottom:20px;}
	.sym{left:-230px;}
	#navigationmob{display: block; float:left; margin:20px 0 10px 18px;}
	#navigation{display:none;}
	.mapleftlocation{float:none; width:96.8%;}
	.maprightlocation{float:none; width:100%;}
	.articlesca-item, .whitepaperca-item, .technicalca-item, .ca-item, .eventsca-item, .blogca-item{ width:100% !important;}
	.articlebox, .newsfullarea{ width:100% !important;}
	.conleft{float:none; width:auto;}
	.conleft input, .conleft textarea{ width:100%;}
	.conright{ float:left; width: auto;}
}

/* max 979px and min 320px */
@media screen and (max-width:61.188em) and (min-width:20.000em) { 
	.menu{display:block; width:96.5%; margin-top:15px;}
	.nav { float:none; width:103.5%; padding-bottom:10px;}
	.nav li { display:block; border-bottom:#910029 solid 1px; padding:0; float:none; background-image:none; height:auto;}
	.nav li a { display:block; line-height:40px;}
	.nav li:last-child { border-bottom:none;}
	.nav li div{display:none;}

	.nav li ul{display:block; border-top:#f73739 solid 1px; margin:0;  list-style:disc;}
	.nav li:hover ul{ width:auto; z-index:10; display:block; background:#910029; position:relative; margin:0; padding-bottom:0;}
	.nav li ul li{padding:0 20px; border-bottom:#f73739 solid 1px;}
	.nav li:hover ul li{text-align:left; float:none; display:block; line-height:100%; padding:0 20px; border-bottom:#f73739 solid 1px;}
	.nav li:hover ul li a{padding:0 20px; color:#fff; line-height:35px;}
	.nav > li:hover > a{padding-bottom:0px; border-bottom:none;}
	.nav li ul li:last-child { border-bottom:none;}

	.toggleMenu { z-index:9999; display: none; padding:15px 0 15px 10px; background:#7c002a url(../images/toggle-bg.png) no-repeat right 5px; font:bold 12px Arial, Helvetica, sans-serif; text-align:left; height:auto; margin:0; text-decoration:none; position:relative; float:none; width:100%; border-bottom:0 !important; color:#fff;}
	.toggleMenu:hover { color:#fff;}

}

@media screen and (width: 979px) {
	.nav li {
	    display: block;
	    float: left;
	    background: url(/wp-content/themes/scs-engineers/images/top-menu-divider.png) center right no-repeat;
	    font-size: 17px;
	    border-bottom: 0;	    
	}
}


/* Tablet View max 1024px and min 768px*/
@media screen and (max-width:64.000em) and (min-width:48.000em) { 
	.nav > li > div:nth-child(2){ width:100%; left:-15px;}
	.menu{width:98%; margin-bottom: 15px;}
	.header-section{width:auto; padding:15px;}
	.container{width:auto; padding:15px;}
	.container{width:auto; padding:15px;}
	.logo{text-align:left; margin:0; padding:0 0 15px 0; float:left; width:auto;}
	/*.logo img{width:auto;}*/
	.header-right{float:none; display:block; width:auto;}
	.top-searchbox{display: block; float: right; height: auto; margin: 0; width: auto; padding-right:10px; padding-left:10px; padding-top:15px;}
	.searchbox{float:left; width:auto;}
	.searchtext{margin-bottom:5px; padding-right:25px; display:block; float:left; text-align:left;}
	.searchinput{width:auto;}
	.tp-caption.mydivider, .mydivider{width:24.5% !important;}
	.mainboxrotatorarea, .mainblock{height:auto;}
	.newsblock{width:30%; height:auto; min-height:160px;}
	.eventsblock{width:38%; height:auto; min-height:160px;}
	.blogblock{width:30%; height:auto; min-height:160px;}
	.nav{width:100%;}
	.newsmain{width:100%;}
	/*.ca-wrapper, .eventsca-wrapper, .blogca-wrapper{height:160px;}*/
	.ca-nav span.ca-nav-next{right:0; left:70px;}
	.eventsca-item-main .newsmain{width:70%;}
	.newsthumb img{height:auto; width:100%;}
	.timelineboxarea .container h3{line-height:25px;}
	.timelinefullsection{height:auto;}
	.timelinefullsection .container{width:86%;}
	.location-map-box{height:auto;}
	.mapleft{float:none; width:auto;}
	.mapright{float:none; width:100%; margin-top:25px;}
	.wpgmza_map{width:100% !important;}
	.careeleft{width:48.4%;}
	.careerright{width:49%;}
	.social-icons{width:auto;}
/*	.inrcontainer .centersection{width:45%;}*/
/*	.leftsidebar{float:none; width:74%;}*/
/*	.rightsidebar{float:left; margin-left:5px; width:16.017%;}*/
	.infocontactarea{width:auto;}
	.serviceloop img, .postloop img{height:auto; width:auto;}
	.postloop h1{line-height:26px;}
/*	.maprightlocation{width:69%;}*/
	.technicalca-nav span.technicalca-nav-next, .whitepaperca-nav span.whitepaperca-nav-next, .articlesca-nav span.articlesca-nav-next{right:5px;}
	.technicalca-nav span{left:300px;}
	.whitepaperca-nav span{left:300px;} 
	.articlesca-nav span{left:300px;}
	/*.footerboxone, .footerboxtwo, .footerboxthree, .footerboxfour{margin:15px 0; display:block; width:100%; float:left;}*/
	.eventsca-nav span.eventsca-nav-next{right:150px;}
	.blogca-nav span.blogca-nav-next{right:105px;}
	.bottombox1, .bottombox2, .bottombox3{float:none; display:block; width:360px; border:none; padding:10px; margin:0 auto; margin-bottom:10px;}
	.botboxmain{width:96%;}
	#navigationmob{display: block; float:left; margin:20px 0 10px 18px;}
	#navigation{display:none;}
	.articlesca-item, .whitepaperca-item, .technicalca-item, .ca-item, .eventsca-item, .blogca-item{ width:100% !important;}
	.articlebox, .newsfullarea{ width:100% !important;}
	/*.careerbox{margin-top:440px;}*/
	.social_list{
	    left: 0;
	    top: 100%;
	    position: unset;
	}
	.social_list li {
	    padding: 0;
	    display: inline-block;
	}
}

/* max 1025px and min 980px*/
@media screen and (max-width:64.063em) and (min-width:61.250em) { 

}

@media screen and (max-width:767px){
	.top-searchbox{ text-align:center;}
	.searchtext{ float:none; display:inline-block;}
	.advance_search { display: inline-block;float: none;}
    .social-icons{ text-align:center; width:100%;}
	.social-icons ul li{ display:inline-block; float:none;}
}



@media screen and (max-width: 1024px){
	.capsection{
		display: none;
	}
}

@media screen and (min-width:768px) and (max-width: 1024px){
	.ca-container,
	.eventsca-container,
	.blogca-container {
    	height: 190px;
	}

	.ca-item,
	.eventsca-item,
	.blogca-item {
	    height: 190px;
	}

	.blogca-nav span,
	.ca-nav span,
	.eventsca-nav span{
		margin-top: -110px;
	}
}