@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and
(max-device-width: 1024px) and (orientation : landscape) {
	
	
.navbar-custom .navbar-brand.logo-image img {
    width: 40%;
    height: 100%;
    margin-top: 0px;
}
.navbar-custom .nav-item .nav-link{padding: 5px;}

.footerblock{ text-align:center;}
.tnc {margin-top:10px; padding-bottom:20px;}
.logs, .logsheading, .logstett{width:100%; text-align:center;}
.logsheading{font-size:30px;  padding-bottom:0px;}
.logstett{font-size:18px; line-height:28px; }
.confooter1{margin-top:20px;}
.confooter{margin-top:10px;}
.logs img{ text-align:center;}
.socialfooter{margin:auto; float:none; width:55%; }
.clienth{padding-top:10px; padding-bottom:20px; font-size:25px;}
.clienttx{font-size:12px; line-height:20px; float:none; width:95%;}
.clienttop2{ padding-bottom:80px;}

.clienths{padding-bottom:110px; padding-top:5px; font-size:25px;}
.clienttxs{font-size:11px; line-height:20px; float:none; width:98%; position:relative; bottom:100px;}
.clienttxb{padding-top:20px;}
.gg1{width:45%;}
.gg2{width:55%; }
.gghead{padding-top:10px; padding-bottom:10px; margin-left:10px;}
.ggtext{margin-left:10px; line-height:15px;}
.slidertextblock img{width:90%;}

.ffcontblock{width:100%;}
.ffcontblock1{width:100%;}
.footercont{max-width:100%;}
.ffcontblock2{width:100%;}

.serblock1, .serblock2, .serblockgap{width:100%;}

.gghead{width:95%; font-size:24px; padding-bottom:10px;}
.ggtext{width:95%; font-size:12px; letter-spacing:1px; line-height:18px;}
.lightext{font-size:16px; line-height:20px;}


.aboutnewlook{padding-top:120px; padding-bottom:100px;}
.aboutnewtext{margin:auto;  width:90%; height:auto;}

.abouttextnew, .sertextnew{width: 90%;
    font-size: 20px;
text-align:center;
}
.sermainbgh, .aboutrebbg{ padding-top:110px;}
.arrredn img{width:50%; }

#aboutlaptop, .aboutbgblock, #clientmainlogolaptop{ display:none;}
#aboutmobile, #clientmainlogomobile{ display:block;}

.redtexthead{ padding-top:15px;}
.abouttextblh1{padding-top:80px; padding-bottom:30px;}
.conhead{padding-top:5px;}
.abouttextblh{ padding-bottom:30px;}
.ffbb, .ffbb a{margin:auto; display:block; width:100%; margin-bottom:3px;}
.ffbb .soic a{ display:inline;}
.ggheadbar{padding-bottom:5px;}
.footerbg{top:20px;}
.textcc{padding-top:20px;}
.ffimg{margin-top:0px;}
.workitemblock{width:98%;}
.blwok{width:45%; margin-left:6px; margin-right:6px;}

.navbar-custom{margin-top: 0px;}
.connewb2{ display:none;}
.conatctnewblock{padding-bottom:10px;}
.addblo{font-size:18px; line-height:32px; letter-spacing:1px; margin-top:10px;}

#mobilework, #clientspace{ display:block !important;}
#laptopwork{ display:none !important;}

.redtextheadnew{ padding-top:150px;}
#clientspace{ padding-top:30px;}

.conhead{ padding-top:100px;}
.textbbw{ height:100px !important;}


.arrowdown2{ display:none !important;}
.arrowdown2mob{margin:auto; float:left; width:100%; height:70px; margin-top:60px; bottom:2%; text-align:center; z-index:3; display:block; }

}





@media screen and (max-width: 600px), (min-device-width: 600px) and (max-device-width: 960px) and (orientation : portrait) {
.navbar-custom .navbar-brand.logo-image img {
    width: 40%;
    height: 100%;
    margin-top: 0px;
}
.navbar-custom .nav-item .nav-link{padding: 5px;}

.footerblock{ text-align:center;}
.tnc {margin-top:10px; padding-bottom:20px;}
.logs, .logsheading, .logstett{width:100%; text-align:center;}
.logsheading{font-size:30px;  padding-bottom:0px;}
.logstett{font-size:18px; line-height:28px; }
.confooter1{margin-top:20px;}
.confooter{margin-top:10px;}
.logs img{ text-align:center;}
.socialfooter{margin:auto; float:none; width:55%; }
.clienth{padding-top:10px; padding-bottom:20px; font-size:25px;}
.clienttx{font-size:12px; line-height:20px; float:none; width:95%;}
.clienttop2{ padding-bottom:80px;}

.clienths{padding-bottom:110px; padding-top:5px; font-size:25px;}
.clienttxs{font-size:11px; line-height:20px; float:none; width:98%; position:relative; bottom:100px;}
.clienttxb{padding-top:0px;}
.gg1{width:45%;}
.gg2{width:55%; }

.gghead{padding-top:10px; padding-bottom:10px; margin-left:10px;}
.ggtext{margin-left:10px; line-height:15px;}
.slidertextblock img{width:90%;}

.ffcontblock{width:100%;}
.ffcontblock1{width:100%;}
.footercont{max-width:100%;}
.ffcontblock2{width:100%;}

.serblock1, .serblock2, .serblockgap{width:100%;}

.gghead{width:95%; font-size:24px; padding-bottom:10px;}
.ggtext{width:95%; font-size:12px; letter-spacing:1px; line-height:18px;}



.animated-modal {
 width: 90% !important;
}


.lightext{font-size:16px; line-height:25px;}

.teetbl{width:85%; margin-left:20px; margin-top:10px;}
.lighheading{font-size:20px; padding:5px;}
.lightext{font-size:14px !important; margin-top:10px; line-height:20px; }
.termheading{width:90%;}
.termheading img{width:100%;}
.termtextb{width:90%;}

.aboutnewlook{padding-top:120px; padding-bottom:100px;}
.aboutnewtext{margin:auto;  width:90%; height:auto;}

.abouttextnew, .sertextnew{width: 90%;
    font-size: 20px;
text-align:center;
}
.sermainbgh, .aboutrebbg{ padding-top:110px;}
.arrredn img{width:50%; }

#aboutlaptop, .aboutbgblock, #clientmainlogolaptop{ display:none;}
#aboutmobile, #clientmainlogomobile{ display:block;}

.redtexthead{ padding-top:15px;}
.abouttextblh1{padding-top:80px; padding-bottom:30px;}
.conhead{padding-top:5px;}
.abouttextblh{ padding-bottom:30px;}
.ffbb, .ffbb a{margin:auto; display:block; width:100%; margin-bottom:3px;}
.ffbb .soic a{ display:inline;}
.ggheadbar{padding-bottom:5px;}
.footerbg{top:20px;}
.textcc{padding-top:20px;}
.ffimg{margin-top:0px;}
.workitemblock{width:98%;}
.blwok{width:45%; margin-left:6px; margin-right:6px;}

.aboutspav{height:124px;}

.connewb1, .connewb2{ width:100%;}

.navbar-custom{margin-top: 0px;}
.connewb2{ display:none;}
.conatctnewblock{padding-bottom:10px;}
.addblo{font-size:18px; line-height:32px; letter-spacing:1px; margin-top:10px;}


#mobilework, #clientspace{ display:block !important;}
#laptopwork{ display:none !important;}

.redtextheadnew{ padding-top:150px;}
#clientspace{ padding-top:30px;}
.conhead{ padding-top:100px;}
.textbbw{ height:100px !important;}

.arrowdown2{ display:none !important;}
.arrowdown2mob{margin:auto; float:left; width:100%; height:70px; margin-top:60px; bottom:2%; text-align:center; z-index:3; display:block; }


.slideshow {
  max-width: 100%;
  height: 100%;
  outline: none;
}


}
 
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and
(max-device-width: 640px) and (orientation : landscape) {
.navbar-custom .navbar-brand.logo-image img {
    width: 40%;
    height: 100%;
    margin-top: 0px;
}
.navbar-custom .nav-item .nav-link{padding: 5px;}

.footerblock{ text-align:center;}
.tnc {margin-top:10px; padding-bottom:20px;}
.logs, .logsheading, .logstett{width:100%; text-align:center;}
.logsheading{font-size:30px;  padding-bottom:0px;}
.logstett{font-size:18px; line-height:28px; }
.confooter1{margin-top:20px;}
.confooter{margin-top:10px;}
.logs img{ text-align:center;}
.socialfooter{margin:auto; float:none; width:55%; }
.clienth{padding-top:10px; padding-bottom:20px; font-size:25px;}
.clienttx{font-size:12px; line-height:20px; float:none; width:95%;}
.clienttop2{ padding-bottom:80px;}

.clienths{padding-bottom:110px; padding-top:5px; font-size:25px;}
.clienttxs{font-size:11px; line-height:20px; float:none; width:98%; position:relative; bottom:100px;}
.clienttxb{padding-top:0px;}

.gg1{width:45%;}
.gg2{width:55%; }

.gghead{padding-top:10px; padding-bottom:10px; margin-left:10px;}
.ggtext{margin-left:10px; line-height:15px;}

.slidertextblock img{width:90%;}

.ffcontblock{width:100%;}
.ffcontblock1{width:100%;}
.footercont{max-width:100%;}
.ffcontblock2{width:100%;}

.serblock1, .serblock2, .serblockgap{width:100%;}

.gghead{width:95%; font-size:24px; padding-bottom:10px;}
.ggtext{width:95%; font-size:12px; letter-spacing:1px; line-height:18px;}



.animated-modal {
 width: 90% !important;
}

.lightext{font-size:16px; line-height:25px;}


.teetbl{width:85%; margin-left:20px; margin-top:10px;}
.lighheading{font-size:20px; padding:5px;}
.lightext{font-size:14px !important; margin-top:10px; line-height:20px; }

.aboutnewlook{padding-top:120px; padding-bottom:100px;}
.aboutnewtext{margin:auto;  width:90%; height:auto;}

.abouttextnew, .sertextnew{width: 90%;
    font-size: 20px;
text-align:center;
}
.sermainbgh, .aboutrebbg{ padding-top:110px;}
.arrredn img{width:50%; }

#aboutlaptop, .aboutbgblock, #clientmainlogolaptop{ display:none;}
#aboutmobile, #clientmainlogomobile{ display:block;}

.redtexthead{ padding-top:15px;}
.abouttextblh1{padding-top:80px; padding-bottom:30px;}
.conhead{padding-top:5px;}
.abouttextblh{ padding-bottom:30px;}
.ffbb, .ffbb a{margin:auto; display:block; width:100%; margin-bottom:3px;}
.ffbb .soic a{ display:inline;}
.ggheadbar{padding-bottom:5px;}
.footerbg{top:20px;}
.textcc{padding-top:20px;}
.ffimg{margin-top:0px;}
.workitemblock{width:98%;}
.blwok{width:45%; margin-left:6px; margin-right:6px;}

.aboutspav{height:124px;}

.connewb1, .connewb2{ width:100%;}

.navbar-custom{margin-top: 0px;}
.connewb2{ display:none;}
.conatctnewblock{padding-bottom:10px;}
.addblo{font-size:18px; line-height:32px; letter-spacing:1px; margin-top:10px;}
.addblo{font-size:18px; line-height:32px; letter-spacing:1px; margin-top:10px;}

#mobilework, #clientspace{ display:block !important;}
#laptopwork{ display:none !important;}

.redtextheadnew{ padding-top:150px;}
#clientspace{ padding-top:30px;}
.conhead{ padding-top:100px;}
.textbbw{ height:100px !important;}

.arrowdown2{ display:none !important;}
.arrowdown2mob{margin:auto; float:left; width:100%; height:40px; margin-top:30px; bottom:5%; text-align:center; z-index:3; display:block; }

.slideshow {
  max-width: 100%;
  height: 100%;
  outline: none;
}

}

@media(min-aspect-ratio: 16/9){
	 .videocon{ width:100%; height:auto;}
	}

@media(max-aspect-ratio: 16/9){
	 .videocon{ width:auto; height:100%;}
	}	
 
@media screen and (max-width: 360px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {
}
 
@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) {
}