@media screen and (max-width : 1440px) {
}


 @media screen and (min-width : 600px) and (max-width : 1280px) and (orientation : landscape) {
}
 @media screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}
@media screen and (max-width: 768px) and (orientation: portrait) {
}
 @media screen and (min-width : 320px) and (max-width : 767px) {
}

@media screen and (max-width: 1200px) {
	
	article.mcontent {
	
		height: auto !important;
	}
	
	.text-content-wrap {
		height: auto !important;
	}
	
	a.whbtn.back-btn {
  		position: static;
	}
	
	.head-about {
		right: 63px;
	}
	
	.logo-wrap {
		margin-bottom: 20px;
	}
	
	.logo-slider{
  		width: 100%;
		margin-top: 20px;
	}	
	
	#owl-demo .owl-item .item {
		width: 100%;
		display: block;
	}
	
}
@media screen and (min-width : 1264px) and (max-width : 1600px) {
	.logo-wrap{ 
		margin: 0 auto 0 ;
	}
	.logo-img > img {
		max-width: 450px;
	}
	.logo-wrap-wrapper {
		padding-top: 40px !important;
	}
}

@media screen and (max-width: 768px) {
	
	.logo-img img {
		max-width: 100%;
		width:100%;
	}
	
	/* .logo-wrap {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
		margin-bottom: 25px;
		display: block;
	}	 */
	
	.head-about {
		right: 44px;
  		top: 90px;
	}
	
	/* .logo-img {
		width: 83%;
		display: inline-block;
	} */
	
	/* .logo-ico {
		position: static !important;
		display: inline-block;
		width: 15%;
	} */
	
	/* figure.logo-ico img {
  		max-width: 100%;
	} */
	
	article.mcontent {
	
		height: auto;
	}
	
	/* .text-content-wrap {
  		height: 300px !important;
	    overflow-y: scroll;
		padding: 20px;
	} */
	
	.area-interest-wrap {
  		padding: 0;
	}
	
	.download-RFP {
		margin: 20px 0 0 0px;
	}
	
	.area-intrst2 {
		  width: 47%;
	}
	
	.area-intrst3 {
		  width: 48%;
	}
	
	.area-interest-wrap p {
		  word-wrap: break-word;
	}
	
	.back-btn {
		position: static;	
	}
	
	div#loginform {
  		width: 100%;
	}
	
	.logo-slider.clearfix {
  		width: 100%;
		margin-top: 20px;
	}
	
	.content-with-deffrent {
		margin-bottom: 20px;
		height: 170px;
		overflow-y: scroll;
	}
	
	.top-logo .logo-ico {
		display: inline-block;
		position: absolute !important;
		right: 60px !important;
		
		width: 15%;
	}
	.bgg {
    	height: auto !important;
	}
	.logo-wrap{position:relative;}
	figure.back-bg{ opacity:0;}
/* .bg_img{ background:url(../images/bg.jpg) center top no-repeat; background-size: cover;  height: 100%; width: 100%; ackground-size:100% 100%;}

.bg_img_1{ background:url(../images/bg1.jpg) center top no-repeat !important; background-size: cover !important;}
 */
#owl-demo .owl-item .item a{padding-top:12px;}
	
}

@media screen and (max-width: 767px) {
	/* .bg_img { 
		height: 750px;
	}
	.bg_img_1 { 
		height: 750px;
	} 
	.bg_img { height:auto;}
	*/
	figure.back-bg{ opacity:0;}
/* .bg_img{ background:url(../images/bg.jpg) center top no-repeat; background-size: cover;  height: 100%; width: 100%; ackground-size:100% 100%;}

.bg_img_1{ background:url(../images/bg1.jpg) center top no-repeat !important; background-size: cover !important;}
 */
.text-content-wrap{padding:30px 10px;}
.content-with-deffrent{padding:30px 10px;}

	
}
@media screen and (min-width : 481px) and (max-width : 767px) {
.top-logo .logo-ico {right:-10px !important; top:0px !important;}
	.top-logo .logo-ico {right:-10px !important;}
}

@media screen and (min-width : 300px) and (max-width : 767px) {

div#loginform {width: 90%;	}
#owl-demo .owl-item .item{height:auto;}
#owl-demo .owl-controls .owl-buttons div{  margin: -6px 0 0;}
.item img {max-width:100%;}
.logo-wrap{position:relative !important;}



}

@media screen and (max-width: 400px) {
	/* .bg_img_1 { 
		height: 560px;
	}
	
	.bg_img { 
		height: 560px;
	} */
}

@media screen and (min-width : 681px) and (max-width : 767px) {
	.logo-ico {
		right: 90px !important;
		top: -2px;
	}
}

@media screen and (min-width : 480px) and (max-width : 680px) {
.logo-img img { width:100%;}

.logo-wrap {width:460px; margin: 55px auto 0; padding-right:0px;}

.text-content-wrap { height:auto !important; overflow:auto;}
.bg_img { height:auto;}
.logo-img img{width:100%;}
.head-about {right: 21px;top: 60px;}
.logo-wrap{width:320px;}    
.top-logo .logo-ico{right:-40px !important;}
.bottom-container{margin-top:100px;}
}

@media screen and (min-width : 320px) and (max-width : 479px) {
.logo-img img { width:90%;}
.logo-ico { right: -28px; top: -9px;}
.logo-ico img { width:44%;}
.logo-wrap {width:300px; margin: 80px auto 0; padding-right:0px;}

.text-content-wrap { height:auto !important; overflow:auto;}

.logo-img img{width:100%;}
.head-about {right: 30px; top: 30px;}
.bottom-container{margin-top:200px;}
	.top-logo .logo-ico {right:-17px !important;top:8px;}
	.top-logo .logo-img{width:94%;}


}