@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation : landscape) {
	
#laptopslider{ display:none;}
#mobileslider{display:block;}
.sblock1, .sblock2{ display:none;}
.sdatablock{ width:100%; float:none !important; text-align:center; vertical-align:middle; }
.sdatablock img{width:100%; float:none; text-align:center; vertical-align:middle; }
.servicesblock{ margin-top:10px !important;}
.headingblock{width:250px;  font-size:50px;}
.imgtextblock{left:24px; padding: 10px 60px 5px 15px; text-align:left; font-size: 30px; line-height:35px;}
.bg-white{ background:rgba(235,235,235,0.7) !important;}
.abouttextc{width:85%; text-align:justify; font-size:20px; line-height:30px;}
#wlaptop{ display:none;}
#wmobile{display:block !important;}
.workhtext{margin:auto; width:90%; font-size:22px; line-height:30px;}
.btn-common{padding: 10px 10px !important; font-size:22px;}
.workimgarea{margin:auto; float:left; width:49.6%; padding-bottom:15px;  padding-left:15px; padding-right:15px;}
.aboutbg{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg.jpg) repeat-y; background-size:none; padding-bottom:50px;}
.slidermobile{display:block;}
.sliderlaptop{ display:none;}
.gallerybg{ padding-bottom:20px !important;} 

}





@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
	
#laptopslider{ display:none;}
#mobileslider{display:block;}
.sblock1, .sblock2{ display:none;}
.sdatablock{ width:100%; float:none !important; text-align:center; vertical-align:middle; }
.sdatablock img{width:100%; float:none; text-align:center; vertical-align:middle; }
.servicesblock{ margin-top:10px !important;}
.headingblock{width:250px;  font-size:50px;}
.imgtextblock{left:24px; padding: 10px 60px 5px 15px; text-align:left; font-size: 30px; line-height:35px;}
.bg-white{ background:rgba(235,235,235,0.7) !important;}
.abouttextc{width:85%; text-align:justify; font-size:20px; line-height:30px;}
#wlaptop{ display:none;}
#wmobile{display:block !important;}
.workhtext{margin:auto; width:90%; font-size:22px; line-height:30px;}
.btn-common{padding: 10px 10px !important; font-size:22px;}
.workimgarea{margin:auto; float:left; width:49.6%; padding-bottom:15px;  padding-left:15px; padding-right:15px;}
.aboutbg{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg.jpg) repeat-y; background-size:none; padding-bottom:50px;}
.servicesbg{margin:auto; float:left; width:100%; background:url(../img/services/servcesbg.jpg) repeat-y; background-size:none;}

.menumobile{ display:block;}
.menulaptop{ display:none;}
.slidertext{width:100%;}
.slidermobile{display:block;}
.sliderlaptop{ display:none;}

.conb1{margin:auto; float:none; width:90%; height:auto; overflow:auto;text-align:center; }
.conb2{ display:none;}
.con11b1{width:50%; float:none;}
.con11bm{width:80%; float:left;}

#aboutlaptop{ display:none}
#aboutmobile{ display:block;}
.aboutbg1{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg1.jpg) repeat-y; background-size:100% 100%; padding-bottom:10px;}
.gallerybg{ padding-bottom:20px !important;} 

.context{ margin-top:-15px; padding-top:0px;}
.context a{ margin-top:15px; padding-top:0px;}.con11b{display:none !important;}
.con11bm{display:block !important;}
#ffl{ margin-top:-3px;}
.conimg1{margin:auto; float:right; width:50px; }

.sliderhtext{font-size:80px; letter-spacing:-7px;}
.sliderhtext1{font-size:26px; line-height:30px;}
.textlineslider{width:100%;}
.sliderhtext2{font-size:26px; line-height:30px;}
#sssl{ display:none;}
#mmml{ display:block; margin:auto; float:none; font-size:30px; width:60%; padding-top:50px;}
#mmm2, #mmm3{ display:block;}

.serrow{margin:auto; width:100%; height:auto; overflow:auto;}
.serblockdata{margin:auto; float:left; width:100%; overflow:auto; padding:0px; height:auto;}
}
 
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and
(max-device-width: 640px) and (orientation : landscape) {

#laptopslider{ display:none;}
#mobileslider{display:block;}
.sblock1, .sblock2{ display:none;}
.sdatablock{ width:100%; float:none !important; text-align:center; vertical-align:middle; }
.sdatablock img{width:100%; float:none; text-align:center; vertical-align:middle; }
.servicesblock{ margin-top:10px !important;}
.headingblock{width:250px;  font-size:50px;}
.imgtextblock{left:24px; padding: 10px 60px 5px 15px; text-align:left; font-size: 30px; line-height:35px;}
.bg-white{ background:rgba(235,235,235,0.7) !important;}
.abouttextc{width:85%; text-align:justify; font-size:20px; line-height:30px;}
#wlaptop{ display:none;}
#wmobile{display:block !important;}
.workhtext{margin:auto; width:90%; font-size:22px; line-height:30px;}
.btn-common{padding: 10px 10px !important; font-size:22px;}
.workimgarea{margin:auto; float:left; width:49.6%; padding-bottom:15px;  padding-left:15px; padding-right:15px;}
.aboutbg{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg.jpg) repeat-y; background-size:none; padding-bottom:50px;}
.servicesbg{margin:auto; float:left; width:100%; background:url(../img/services/servcesbg.jpg) repeat-y; background-size:none;}

.menumobile{ display:block;}
.menulaptop{ display:none;}
.slidertext{width:100%;}
.slidermobile{display:block;}
.sliderlaptop{ display:none;}

.conb1{margin:auto; float:none; width:90%; height:auto; overflow:auto;text-align:center; }
.conb2{ display:none;}
.con11b1{width:50%; float:none;}
.con11bm{width:80%; float:left;}

#aboutlaptop{ display:none}
#aboutmobile{ display:block;}

.aboutbg1{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg1.jpg) repeat-y; background-size:100% 100%; padding-bottom:10px;}
.gallerybg{ padding-bottom:20px !important;} 

.context{ margin-top:-15px; padding-top:0px;}
.context a{ margin-top:15px; padding-top:0px;}.con11b{display:none !important;}
.con11bm{display:block !important;}
#ffl{ margin-top:-3px;}
.conimg1{margin:auto; float:right; width:50px; }

.sliderhtext{font-size:80px; letter-spacing:-7px;}
.sliderhtext1{font-size:26px; line-height:30px;}
.textlineslider{width:100%;}
.sliderhtext2{font-size:26px; line-height:30px;}
#sssl{ display:none;}
#mmml{ display:block; margin:auto; float:none; font-size:30px; width:60%; padding-top:50px;}
#mmm2, #mmm3{ display:block;}
.pslidertextblock{font-size:38px; line-height:40px;}
.footerc-text{ font-size:14px; margin-top:15px;}

.pslidertextblocki{margin:auto; width:100%; height:auto; padding-top:20px; }
.pslidertextblocki img{width:90%; }

.serrow{margin:auto; width:100%; height:auto; overflow:auto;}
.serblockdata{margin:auto; float:left; width:100%; overflow:auto; padding:0px; height:auto;}
}

 
@media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {
	#laptopslider{ display:none;}
#mobileslider{display:block;}
.sblock1, .sblock2{ display:none;}
.sdatablock{ width:100%; float:none !important; text-align:center; vertical-align:middle; }
.sdatablock img{width:100%; float:none; text-align:center; vertical-align:middle; }
.servicesblock{ margin-top:10px !important;}
.headingblock{width:250px;  font-size:50px;}
.imgtextblock{left:24px; padding: 10px 60px 5px 15px; text-align:left; font-size: 30px; line-height:35px;}
.bg-white{ background:rgba(235,235,235,0.7) !important;}
.abouttextc{width:85%; text-align:justify; font-size:20px; line-height:30px;}
#wlaptop{ display:none;}
#wmobile{display:block !important;}
.workhtext{margin:auto; width:90%; font-size:22px; line-height:30px;}
.btn-common{padding: 10px 10px !important; font-size:22px;}
.workimgarea{margin:auto; float:left; width:49.6%; padding-bottom:15px;  padding-left:15px; padding-right:15px;}
.aboutbg{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg.jpg) repeat-y; background-size:none; padding-bottom:50px;}
.servicesbg{margin:auto; float:left; width:100%; background:url(../img/services/servcesbg.jpg) repeat-y; background-size:none;}


.menumobile{ display:block;}
.menulaptop{ display:none;}
.slidertext{width:100%;}

.conb1{margin:auto; float:none; width:90%; height:auto; overflow:auto;text-align:center; }
.conb2{ display:none;}
.con11b1{width:50%; float:none;}
.con11bm{width:80%; float:left;}

#aboutlaptop{ display:none}
#aboutmobile{ display:block;}
.aboutbg1{margin:auto; float:left; width:100%; height:auto; overflow:auto; background:url(../img/about/aboutbg1.jpg) repeat-y; background-size:none; padding-bottom:10px;}

.gallerybg{ padding-bottom:20px !important;} 

.context{ margin-top:-15px; padding-top:0px;}
.context a{ margin-top:15px; padding-top:0px;}.con11b{display:none !important;}
.con11bm{display:block !important;}
#ffl{ margin-top:-3px;}
.conimg1{margin:auto; float:right; width:50px; }

.sliderhtext{font-size:80px; letter-spacing:-7px;}
.sliderhtext1{font-size:26px; line-height:30px;}
.textlineslider{width:100%;}
.sliderhtext2{font-size:26px; line-height:30px;}
#sssl{ display:none;}
#mmml{ display:block; margin:auto; float:none; font-size:30px; width:60%; padding-top:50px;}
#mmm2, #mmm3{ display:block;}
.pslidertextblock{font-size:38px; line-height:40px;}
.footerc-text{ font-size:14px; margin-top:15px;}

.pslidertextblocki{margin:auto; width:100%; height:auto; padding-top:20px; }
.pslidertextblocki img{width:90%; }

.serrow{margin:auto; width:100%; height:auto; overflow:auto;}
.serblockdata{margin:auto; float:left; width:100%; overflow:auto; padding:0px; height:auto;}
}
 
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
}
 
@media screen and (min-width: 320px) and (max-width: 480px), (min-device-width: 320px) and
(max-device-width: 480px) and (orientation : landscape) {
}
 
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {
}



