@media (min-width: 1680px){
 	.hw{
		width: 100%;
		max-width: 582px;
		height: 650px;
	}
	.at-feature{
		/*height: 490px;*/
	}
 }
@media (max-width:1680px){
	.at-homeslider .item {
		/*padding: 0 0 0 25%;*/
		padding: 0;
	}
	.at-featuresarea {padding: 100px 50px 100px 50px; }
	.at-featuresarea:before { width: 100px; }
	.at-titleandbtn {padding: 0 20px 0 0;}
	.at-counterarea:before {
		right: -300px;
		width: 200px;
	}
	.at-postsvtwo .at-posttitle h2 {
		font-size: 26px;
		line-height: 32px;
	}
}
@media (min-width: 1200px) and (max-width:1600px){
	 .hw{
		width: 100%;
		max-width: 582px;
		height: 650px;
	}
	.at-feature{
		/*height: 490px;*/
	}
}
@media (max-width:1440px){
	.at-contactsocial {padding: 0 0 0 20px;}
	.at-navigation > ul > li {margin: 8px 10px 0;}
	.at-titleandbtn {width: calc(30% + 40px)}
	.at-counterarea:before {
		right: -95px;
		width: 90px;
	}
	.at-postsvtwo .at-posttitle h2 {
		font-size: 22px;
		line-height: 26px;
	}
}
@media (min-width: 600px) and (max-width:1100px){
	.at-postsvtwo .at-post {
		/*width: 33.33%;*/
		width: 50%!important;
		float: left;
	}
}
@media (max-width: 559px){
	.at-postsvtwo .at-post {
		/*width: 33.33%;*/
		width: 100%!important;
		/*float: left;*/
	}
}
@media (max-width:1280px){
	.at-home .at-logo {padding: 29px 27px 0;}
	.at-homeslider .item {
		/*padding: 0 0 0 320px;*/
		padding: 0;
	}
	/*.at-navigationarea {padding: 15px 15px 0;}*/
	.at-featuresarea:before {width: 60px;}
/*	.at-featuresarea {padding: 100px 0 100px 120px;}*/
	.at-titleandbtn {width: calc(32% + 40px);}
	.at-featuresslider .at-slidernav {right: 0;}
	.at-careers.at-aboutsection{overflow: auto;}
}
@media (min-width: 992px) and (max-width: 1199px){
	 .hw{
	
		height: 650px;
	}
}
@media (max-width:1199px){
/*	.boxcenter{
		position: absolute!important;
		top: 50%!important;
	  	left:50%!important;
	  	transform: translate(-50%,-50%)!important;
	  	height: 350px!important;
	}*/
	.at-logo-header-w {
	    padding: 2px 0 10px 30px;
	    position: absolute;
	    z-index: 999;
	    background-size: 200px;
	    width: 400px;
	    height: 200px;
	}
	.at-logo-header-b{
	    padding: 2px 0 10px 30px;
	    position: absolute;
	    z-index: 999;
	    background-size: 200px;
	    width: 400px;
	    height: 200px;
	}

	.at-ptablefoot .at-btn {width: 100%;}
	.at-servicetabsnav li {font-size: 15px;}
	.at-counters li {width: 33%!important;]

}
@media (min-width:1200px){
	.container {
    	width: 100%!important;
	}
	.hw{
		width: 100%;
		max-width: 582px;
		height: 650px;
	}
	.at-feature{
		/*height: 650px;*/
	}
}
@media (max-width:1080px){
/* menu desp hago */
/*	.at-navigationarea {
	    background: rgba(0,0,0,0.0);
	}*/
	.at-home .at-logo {padding: 29px 15px 0;}
	.at-navigationarea {padding: 15px 10px 0;}
	.at-navigation > ul > li {margin: 8px 0 0;}
	.at-navigation ul li a {padding: 0 10px 27px;}
	.at-contactsocial {padding: 0 0 0 10px;}
	.at-contactsocial .at-socialicons {padding: 0 0 0 10px;}
	.at-homeslider .item{
		padding: 0;
		overflow: hidden;
	}
	.at-featuresslider .at-slidernav {right: 15px;}
	.at-featuresarea {padding: 100px 0;}
	.at-featuresarea:before,
	.at-counterarea:before {width: 0;}
	/* .at-homeslider .item img {
		width: auto;
		height: 570px;
		max-width: none;
		margin: 0 0 0 -200px;
	} */
	.at-titleandbtn {
		padding: 0;
		float: none;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
	}
	.at-titleandbtn h2 {margin: 0 15px 30px;}
	.at-features {
		margin: 0;
		width: 100%;
		float: left;
		padding: 40px 15px 0;
	}
	.at-emailsubscribearea p {
		float: none;
		margin: 0 auto;
		max-width: 415px;
	}
	.at-formnewsletter{
		float: none;
		overflow: hidden;
		margin: 20px auto 0;
	}
	.at-aboutus .at-textcontent {
		padding: 45px;
		margin: 40px 0 0 0;
	}
	.at-requestacallback {padding: 45px;}
	.at-sectiontitleborder h2 {font-size: 34px!important;}
	.at-counterarea .at-titleandbtn {padding: 0 0 20px;}
	.at-scounter{
		width: 100%;
		text-align: center;
	}
	.at-addressusa .at-address ul{padding: 0 0 43px;}

}
@media (max-width:1050px){}
@media (max-width:1024px){
	.at-dropdowarrow{
		z-index: 2;
		display: block;
	}
	/*==========================================================================================
			For Mobile Nav use this code in Responsive.css desired Query
	==========================================================================================*/
	.navbar-toggle{
		margin: 0;
		display: block;
	}
	.navbar-collapse.collapse {display: none!important;}
	.collapse.in{display:block !important;}
	/*==========================================================================================
				For Mobile Nav use this code in Responsive.css desired Query
	==========================================================================================*/
	.at-navigationarea {padding: 30px 20px 0px 0px;float: right;
    position: fixed;
    top: 0px;
    margin-top: 0px;
    background: transparent!important;
    width: 100%;
    z-index: 999;}
    #at-nav .navbar-header{
    	margin-bottom: 30px!important;
    }
	.at-contactsocial {padding: 2px 0 2px 20px;}
	.at-home .at-logo {padding: 23px 15px 0;}
	.at-navigation{
		left: 0;
		top: 100%;
		float: none;
		width: 100%;
		background: #fff;
		position: absolute;
	}
	.at-navigation ul{
		width: 100%;
		float: left;
		position: static;
		text-align: center;
	}
	.at-navigation ul li{
		margin: 0;
		width: 100%;
		float: left;
	}
	.at-navigation ul li a{
		z-index: 1;
		line-height: 40px;
		position: relative;
		padding: 0 20px 5px;
	}
	.at-navigation ul.sub-menu{
		padding: 0;
		opacity: 1;
		display: none;
		visibility: visible;
	}
	.at-navigation ul.sub-menu li a{padding-bottom: 0;}
	.at-comingsooncontent h2 {
		margin: 15% 0 0;
		font: 300 50px/53px 'Rubik', Arial, Helvetica, sans-serif;
	}
}
@media (min-width: 992px){}
	.container {
    	width: 100%;
	}
}
@media (max-width:991px){
	.at-imgholder {
		text-align: center;
	}
	.imgcen{
		display: table;
		  margin: 0 auto;
	}
	.at-aboutus .at-sectionimg {
	    width: 45%;
	    margin: 0;
	    /*margin-bottom: 55px;*/
	}
	.at-aboutus .at-textcontent {
    	/* margin: -5px 0 0 51px; */
    	width: 55%;
	}
	.sd{
		height: 675px;
	}
	.blcol {
		margin-top: 80px;
    	margin-left: 155px;
	}
	.h1color{
  		margin: 0 auto;
  		margin-bottom: 35px;
	}
	.dvcenter{
	    align-items: center; 
     	justify-content: center; 
    	display: flex;
	}
	.di5{
		margin-top: 50px;
	}
	.at-servicetabsnav li {
    	font-size: 14px;
	}
	.at-aboutus .at-sidebar{padding: 0 0 40PX;}
	.at-posts .at-sidebar{padding: 60px 0 0;}
	.at-faqcategorytitle{padding: 0 0 30px;}
	.at-ourprocess li figure {
		width: 100%;
		margin: 0 0 30px !important;
	}
	.at-ourprocess li figure img{
		width: 100%;
		height: auto;
		display: block;
	}
	.at-processcontent{
		width: 100%;
		float: left;
	}
	.at-ptable {
		width: 49%;
		margin: 0 0 30px;
	}

	.at-navigationarea {
	    background: transparent;
	}

	.at-servicetabsnav {font-size: 14px;}
	.at-servicetabcontent .at-sectionimg{width: 100%;}
	.at-servicetabcontent .at-sectionimg img{width: 100%;}
}
@media (max-width:900px){
	.at-happycustomers {padding: 40px 0 0;}
	.at-testimonial{margin: 15px 0;}
	.at-postsvtwo .at-post {width: 50%;}
	.at-addressfrance .at-address ul{padding: 0 0 43px;}
}
@media (max-width:800px){
	.at-homeslider .item figcaption {
		height: 80%;
		padding: 20px;
	}
	.at-titleborder h2{
		font-size: 30px;
		line-height: 24px;
	}
	.at-titleborder {
		margin: 0 0 20px;
		padding: 0 0 20px;
	}
	.at-slidercontent .at-description p {font-size: 16px;}
}
@media (max-width:767px){
	.at-logo-header-w {
	    padding: 2px 0 10px 30px;
	    position: absolute;
	    z-index: 999;
	    background-size: 200px;
	    width: 400px;
	    height: 200px;
	}
	.at-logo-header-b{
	    padding: 2px 0 10px 30px;
	    position: absolute;
	    z-index: 999;
	    background-size: 200px;
	    width: 400px;
	    height: 200px;
	}
	.at-homesliderarea {
    	/*margin-top: 100px;*/
	}

	.tg-dropdowarrow{display: block;}
	.tg-nav{
		width: auto;
		float: right;
	}
	.tg-navigation{
		top: 100%;
		left: 0;
		background: #fff;
		position: absolute;
	}
	.tg-navigation ul{}
	.tg-navigation ul li{
		width: 100%;
		float: left;
		display: block;
	}
	.sub-menu,
	.mega-menu{
		clear: both;
		float: left;
		display: none;
		position: static;
		width: 100% !important;
	}
	.at-homeslider .item figcaption {height: 286px;}
	.at-aboutus .at-sectionimg {
		margin: 0 0 -100px;;	
		width: 100%;
	}
	.at-aboutus .at-sectionimg {
	    width: 100%;
	    margin-bottom: 94px;
	}
	.at-aboutus .at-textcontent {
		padding: 30px;
		margin: 0 45px;
		width: calc(100% - 90px);
	}
	.at-counters{padding: 0;}
	.at-counters li{
		width: 50%;
		padding: 15px 0;
	}
	.at-requestacallback .at-textcontent{
		width: 100%;
		float: left;
		padding: 0 0 30px;
	}
	.at-formrequestcallback{
		width: 100%;
		float: left;
	}
	.at-requestacallback {
		padding: 20px;
		margin: 0 0 50px;
	}
	.at-whychooseus{
		width: 100%;
		float: left;
		padding: 0;
	}
	.at-whychooseus + .at-whychooseus{padding: 40px 0 0;}
	.at-fcolumn,
	.at-fcolumn + .at-fcolumn {
		width: 100%;
		padding: 30px 0;
	}
	.at-homeslider .item img{
		width: auto;
		height: 500px;
		max-width: none;
	}
	.at-home .at-header,
	.at-header{
		/*background: #fff;*/
	}
	.at-home .at-logo {
		width: 200px;
		padding: 21px 0 21px 20px;
		height: 100px;
	}
	.at-infoemail {
		top: 28%;
		left: 15px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.at-homeslider .item figcaption {left: 15px;}
	.at-titleandbtn h2 {
		font-size: 28px;
		font-weight: 300;
		line-height: 32px;
	}
	.at-aboutus .at-textcontent {
		padding: 20px;
		margin: 0 15px;
		width: calc(100% - 30px);
	}
	.at-griditem{width: 100%;}
	.at-ptable {width: 100%;}
	.at-servicetabsnav li{
		width: 33.33%;
		/*width: 50%;*/
		float: left;
	}
	.at-servicetabsnav li:nth-child(1),
	.at-servicetabsnav li:nth-child(2),
	.at-servicetabsnav li:nth-child(3){border-bottom: 1px solid #e7e7e7}
	.at-servicedetailsection .at-servicetabcontent .at-liststyle li{width: 100%;}
	.at-comingsooncontent{width: 100%;}
	.at-rightimgbox{display: none;}
	.at-colcontact{padding: 15px 0 0;}
	.at-contactusvtwo .at-locationmap{
		width: 100%;
		float: left;
		height: 350px;
		position: static;
	}
	.at-contactusvtwo .at-formcontacus{
		width: 100%;
		float: left;
		padding: 100px 15px 0;
	}
	.at-contactusvthree .at-formcontacus {padding: 30px 15% 30px 30px;}
	.at-contactusvfour .at-locationmap{
		width: 100%;
		float: left;
		height: 500px;
		position: relative;
	}
	.at-contactusvfour .at-formtheme.at-formcontacus{
		width: 100%;
		float: left;
		padding: 30px;
	}
}
@media (max-width:720px){}
@media (max-width:640px){
	.at-aboutusslider figure figcaption {
		padding: 0 20px;
		font-size: 24px;
		line-height: 28px;
	}
	.at-fullheight{height: auto;}
	.at-maintenancepage .at-content{
		height: auto;
		display: block;
		padding:  70px 0;
	}
	.at-aboutus .at-sectionimg {
	    width: 100%;
	    margin-bottom: 35px;
	}
}
@media (max-width:568px){
	.at-aboutus .at-sectionimg {
	    width: 100%;
	    margin-bottom: 0px;
	}
	.at-home .at-logo,
	.at-logo {
		float: none;
		display: block;
		margin: 0 auto;
		/*padding: 15px 0;*/
	}
	.at-navigationarea {
		width: 100%;
		/*padding: 10px 0 15px;*/
		text-align: center;
	}
	.at-nav,
	.at-contactsocial{
		float: none;
		vertical-align: top;
		display: inline-block;
	}
	.at-homeslider .at-slidernav{display: none;}
	.at-homeslider .item figcaption {
		height: 314px;
		width: calc(100% - 30px);
	}
	.at-postsvtwo .at-post {width: 100%;}
	.at-navigationarea {
	    background: transparent;
	}
	.at-servicetabsnav li{
		width: 100%;
		float: left;
	}
}
@media (max-width:480px){
	.at-imgholder {
    	height: 100%!important;
	}
	.at-aboutus .at-sectionimg {
	    width: 100%;
	    margin-bottom: 0px;
	}
	.at-slidercontent .at-btns .at-btn{padding: 0 25px;}
	.at-addressarea {
		width: 100%;
		max-width: 420px;
		padding: 134px 15px;
	}
	.at-addressslider {padding: 50px 20px;}
	.at-aboutus .at-member figure {
		width: 130PX;
		margin: 0 20px 0 0;
	}
	.at-servicetabsnav li{width: 100%;}
	.at-servicetabsnav li:nth-child(4){border-bottom: 1px solid #e7e7e7}
}
@media (max-width:360px){
	.at-titleborder h2 {
		font-size: 24px;
		line-height: 20px;
	}
	.at-slidercontent .at-description {padding: 0 0 26px;}
	.at-slidercontent .at-description p {line-height: 24px;}
	.at-contactusvthree .at-formcontacus {padding: 15px;}
}
@media (max-width:320px){
	.at-servicetabsnav li{width: 100%;}
	
}
@media (max-height:640px){
	.at-comingsooncontent{
		height: auto;
		padding: 30px 5% 30px 30px;
	}
	.at-comingsooncontent .at-socialicons{
		width: 100%;
		float: left;
		position: static;
	}
}