/* =======================================
SHEBU RESPONSIVE STYLES - DEVICES RESOLUTION
========================================== */

/* good method for responsive shahwal
@media all and (max-width: 991px) {}
@media all and (max-width: 569px) {}
*/
@media only screen and (min-width: 150px) and (max-width:479px){

.itemblock .iitem h4 {
    font-family: "Open Sans";
    font-size: 13px;
    line-height: 15px;
}

.itemblock .iitem h5 {
    font-family: "Open Sans";
    font-size: 11px;
    line-height: 11px;
}

/*call*/	
.top1 {padding-top: 10px;padding-bottom: 10px;}

.top1 .calling {
	float: right;
	color: #FFF;
	line-height: 18px;
	font-family: "Open Sans";
	font-size: 10px;
}
.rgape {margin-right:4px;}
	
/* nav*/	
.top2 {padding-top: 6px;padding-bottom: 4px; height:53px; position:relative}

.top2full .log {float: left;position:absolute; z-index:11; margin-left:10px; }
.top2full .log a img {width:auto; height:18px; margin-top:14px;}
.top2full .navi-right {float: right; width:100%; height:auto; position:absolute; z-index:1;}
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #3e3e3e !important;
	background:#f0f0f0 !important;
	border-radius:0;
}
	
	
/*banner*/	
.banner {height:auto !important}
.banner ul li {width: 100%; position:relative;}
.banner ul li img {width: 100%; height:auto;}

.txtabsolute {position:absolute; width:100%; height:auto; top:0px;}
#owl-demo44 {height:auto !important; width:100%;}
#owl-demo44.owl-theme .owl-controls .owl-buttons .owl-prev {background:none;}
#owl-demo44.owl-theme .owl-controls .owl-buttons .owl-next {background:none;}



.wlcm {padding-top:50px; padding-bottom:20px; margin-top:-15px;}
.wlcm h2 {font-size:28px;}
.red {color:#ad263a !important;}
.wlcm p {font-size:15px; line-height:20px;}

.smoke {padding-top:40px;padding-bottom:20px;background-position: center top;}
.smoke h2 {font-size:28px;}
.smoke .itm {margin-bottom:25px;}
.smoke .itm .itmname a {height:45px; font-size:14px; line-height:14px;}


.enqf-in {width:100%;}



.footerin {padding:15px 0;width:96%; text-align:center; font-size:13px; line-height:18px;}
.footerin br {display:block;}
	
}

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

.smoke h2 {font-size:45px;}
/*call*/
.imgfull {width:auto; height:auto;}
.top1 {padding-top: 10px;padding-bottom: 10px;}
.top1 .calling {
	float: right;
	color: #FFF;
	line-height: 18px;
	font-family: "Open Sans";
	font-size: 10px;
}
	
/* nav*/	
.top2 {padding-top: 6px;padding-bottom: 4px; height:53px; position:relative}

.top2full .log {float: left;position:absolute; z-index:11; margin-left:10px; }
.top2full .log a img {width:auto; height:18px; margin-top:14px;}
.top2full .navi-right {float: right; width:100%; height:auto; position:absolute; z-index:1;}
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #3e3e3e !important;
	background:#f0f0f0 !important;
	border-radius:0;
}
	
	
/*banner*/	
.banner {height:auto !important}
.banner ul li {width: 100%; position:relative;}
.banner ul li img {width: 100%; height:auto;}

.txtabsolute {position:absolute; width:100%; height:auto; top:0px;}
#owl-demo44 {height:auto !important; width:100%;}
#owl-demo44.owl-theme .owl-controls .owl-buttons .owl-prev {background:none;}
#owl-demo44.owl-theme .owl-controls .owl-buttons .owl-next {background:none;}


.enqf-in {width:100%;}


.footerin {padding:20px 0;width:96%; text-align:right;}
}






@media only screen and (min-width: 768px) and (max-width:1099px){
/* nav*/	
.top2 {padding-top: 6px;padding-bottom: 4px; height:53px; position:relative}

.top2full .log {float: left;position:absolute; z-index:11; margin-left:10px; }
.top2full .log a img {width:auto; height:18px; margin-top:14px;}
.top2full .navi-right {float:none; width:100%; height:auto; position:absolute; right:0; z-index:1;}
.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a{
	color: #3e3e3e !important;
	background:#f0f0f0 !important;
	border-radius:0;
}	






.footerin {padding:20px 0;width:96%; text-align:right;}
}




@media all and (max-width: 991px) {
/*right items*/
.rtitle {margin-bottom:15px; margin-top:25px;}
.itemblock {padding-top: 25px;}
.txtdetail h2 {margin-top:25px;}


}



@media all and (max-width: 991px) {

}

@media all and (max-width: 1099px) {
.welcourse-in {width:90%;}

.owl-theme .owl-controls .owl-page span{
	background: #FFF;
}

}

/*display all below items compulsory*/
@media all and (min-width: 800px) {

}