265 lines
6.4 KiB
CSS
Executable File
265 lines
6.4 KiB
CSS
Executable File
@media only screen and (max-width:1920px){
|
|
.paddingbody{padding-left:70px!important;padding-right: 70px !important;}
|
|
.viewmobheader{display: none;}
|
|
|
|
|
|
}
|
|
@media only screen and (min-width: 1200px) and (max-width: 1660px) {
|
|
.paddingbody{padding-left:70px!important;padding-right: 70px !important;}
|
|
|
|
|
|
}
|
|
@media only screen and (min-width: 1024px) and (max-width: 1200px){
|
|
.paddingbody{padding-left:50px!important;padding-right: 50px !important;}
|
|
.footerrightblk{padding-left: 50px;}
|
|
.footerleftblk{padding-right: 50px;}
|
|
|
|
|
|
|
|
}
|
|
@media only screen and (min-width: 991px) and (max-width: 1023px) {
|
|
.paddingbody{padding-left:40px!important;padding-right: 40px !important;}
|
|
.footerrightblk{padding-left: 40px;}
|
|
.footerleftblk{padding-right: 40px;}
|
|
|
|
|
|
|
|
}
|
|
@media only screen and (min-width: 660px) and (max-width: 990px) {
|
|
.paddingbody{padding-left:30px!important;padding-right: 30px !important;}
|
|
|
|
|
|
|
|
|
|
}
|
|
@media only screen and (min-width: 318px) and (max-width: 659px){
|
|
.paddingbody{padding-left:10px!important;padding-right: 10px !important;}
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:1500px){
|
|
.container{max-width:1200px;}
|
|
.rightarrow::after{right: -60px;}
|
|
.box{max-width: 190px;}
|
|
}
|
|
|
|
@media only screen and (max-width:1360px){
|
|
.container{max-width: 1120px;}
|
|
.circleinner{max-width: 125px;height: 125px;}
|
|
.innercirtext{font-size: 14px;}
|
|
|
|
}
|
|
@media only screen and (max-width:1250px){
|
|
.box{max-width: 170px;}
|
|
.contact-box{padding: 0;}
|
|
|
|
}
|
|
@media only screen and (max-width:1200px){
|
|
.container{max-width: 991px;}
|
|
.ciricon img {max-width: 35px;}
|
|
.circleinner {max-width: 110px;height: 110px;}
|
|
.circleinner::before{width: 30px;height: 30px;top: 38%;left: -12px;}
|
|
.boxicon img {max-width: 50px;}
|
|
.whyustext{padding-right: 0;}
|
|
.menu ul li {padding: 0 14px;}
|
|
|
|
}
|
|
@media only screen and (max-width:1160px){
|
|
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:1060px){
|
|
.box {
|
|
max-width: 160px;
|
|
}
|
|
.box p{font-size: 15px;line-height: 20px;}
|
|
.whyustext h2{font-size: 45px;line-height: 50px;}
|
|
}
|
|
|
|
@media only screen and (max-width:1024px) {
|
|
.container{max-width: 900px;}
|
|
.bannertext h1{font-size: 90px;line-height: 90px;}
|
|
.bannertext {padding: 150px 0 50px;}
|
|
.proccescircle{flex-wrap: wrap;}
|
|
.circleinner{max-width: 200px;height: 200px;margin: 10px 50px;}
|
|
.whyblk .row .widthcover{width: 100%;}
|
|
.whybox{padding-top: 20px;}
|
|
.box {max-width: 180px;}
|
|
.bannertext {
|
|
padding: 100px 0 50px;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width:991px) {
|
|
.container{max-width: 800px;}
|
|
.menu{display: none;}
|
|
.mobnav{display: block;}
|
|
.bannertext h1{font-size: 80px;line-height: 80px;}
|
|
.footerblk.footerlist{padding-left: 0;}
|
|
.box {max-width: 160px;}
|
|
.boxicon{height: 125px;}
|
|
.whybox {
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
gap: 20px;
|
|
}
|
|
.toggle-btn{left: 590px;}
|
|
.sericoncircle{max-width: 160px;height: 160px;}
|
|
.serboxtext h4{font-size: 20px;line-height: 24px;}
|
|
.downloadapp{padding-top: 50px;}
|
|
}
|
|
@media only screen and (max-width: 880px){
|
|
.toggle-btn {
|
|
left: 550px;
|
|
}
|
|
.bannertext h1 {
|
|
font-size: 60px;
|
|
line-height: 60px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 768px) {
|
|
.container{max-width: 100%;}
|
|
.bannertext{z-index: 0;}
|
|
.bannertext h1{font-size: 70px;line-height: 70px;}
|
|
.bannertext p{font-size: 20px;line-height: 30px;}
|
|
.bannerimg{display: none;}
|
|
.footerbg .col-md-3{width: 50%;}
|
|
.copyrighttext{display: none;}
|
|
.copyrighttext.mobview{display: block;}
|
|
.toggle-btn{left:500px;}
|
|
.serboxtext h4{height: 20px;}
|
|
.aboutsubtext h2{font-size: 35px;line-height: 40px;}
|
|
.formheader{padding-bottom: 25px;}
|
|
.bannertext {padding: 50px 0 50px;}
|
|
.downloadapp{padding-top: 30px;}
|
|
.imgabout{padding-top: 20px;}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 744px) {
|
|
.container{max-width: 100%;}
|
|
}
|
|
|
|
@media only screen and (max-width:683px) {
|
|
.container{max-width: 100%;}
|
|
.circleinner {
|
|
max-width: 155px;
|
|
height: 155px;
|
|
margin: 10px 50px;
|
|
}
|
|
.servicepart{max-width: 500px;}
|
|
|
|
|
|
}
|
|
@media only screen and (max-width:610px){
|
|
.logo img{max-width: 200px;}
|
|
.aboutsubtext h2{font-size: 30px;line-height: 35px;}
|
|
.seekingblk2{padding: 15px;}
|
|
|
|
}
|
|
@media only screen and (max-width:560px){
|
|
.circleinner {
|
|
max-width: 115px;
|
|
height: 115px;
|
|
margin: 10px 50px;
|
|
}
|
|
.bannertext {padding: 50px 0 30px;}
|
|
.seekingblk2{width: 100%;}
|
|
.innerdata h3{font-size: 20px;line-height: 22px;}
|
|
.servicepart {
|
|
flex-wrap: wrap;
|
|
max-width: 400px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
.aboutsubtext{padding: 0;}
|
|
.abouttext{padding-top: 0;}
|
|
}
|
|
@media only screen and (max-width:528px) {
|
|
|
|
.container{max-width: 100%;}
|
|
.logo img{max-width: 150px;}
|
|
.headerbtn .userbtn{padding: 0 10px 6px;}
|
|
.bannertext h1{font-size: 60px;line-height: 60px;}
|
|
.circleinner {
|
|
max-width: 100px;
|
|
height: 100px;
|
|
margin: 10px 50px;
|
|
}
|
|
.innercirtext {font-size: 11px;}
|
|
.downloadapp{padding-top: 20px;}
|
|
.logo img {
|
|
max-width: 130px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width:480px) {
|
|
|
|
.container{max-width: 100%;}
|
|
.viewmobheader{display: flex;}
|
|
.headerblk .headerbtn{display: none;}
|
|
.logo img {max-width: 115px;}
|
|
.rightarrow::after{display: none;}
|
|
.circleinner{margin: 10px 20px;}
|
|
.footerbg .col-md-3{width: 100%;}
|
|
.footerblk{padding: 10px 0 0 0;}
|
|
.socialbox {margin-top: 0px;}
|
|
.copyrighttext {margin-top: 0px;}
|
|
.aboutsubtext h2{font-size: 28px;line-height: 32px;}
|
|
.aboutbtn1{padding: 10px;}
|
|
.aboutbtn2{padding: 10px;}
|
|
.aboutbtn1 a, .aboutbtn2 a{font-size: 10px;}
|
|
.contactno a{font-size: 12px;}
|
|
.mailboxgreen {padding: 5px 9px 7px 9px;}
|
|
.mailboxgreen i{font-size: 12px;}
|
|
.offcanvas-menu label span, .offcanvas-menu label span::before, .offcanvas-menu label span::after{width: 23px;height: 2px;}
|
|
.header_leftside{gap: 5px;}
|
|
.offcanvas-menu > label{width: 25px;
|
|
height: 25px;
|
|
margin: 0;
|
|
}
|
|
.top-social-icon li{margin-left: 8px;}
|
|
}
|
|
|
|
|
|
@media only screen and (max-width:415px) {
|
|
|
|
.container{max-width: 100%;}
|
|
.bannertext h1{font-size: 50px;line-height: 50px;}
|
|
.boxicon {height: 110px;}
|
|
.box p {height: 70px;padding: 11px;}
|
|
.box {max-width: 130px;}
|
|
.logo img {
|
|
max-width: 100px;
|
|
}
|
|
.toggle-btn {
|
|
left: 460px;
|
|
}
|
|
.toggle-btn {
|
|
font-size: 30px;
|
|
top: -7px;}
|
|
.aboutbtn1 a, .aboutbtn2 a{font-size: 9px;}
|
|
.aboutbtn1 , .aboutbtn2 {padding: 8px;}
|
|
.aboutbtnset{flex-wrap: wrap;}
|
|
.contactno a{font-size: 12px;}
|
|
.top-social-icon li:nth-of-type(1) a{padding: 5px;}
|
|
select#language-section{font-size: 12px;}
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width:390px) {
|
|
.container{max-width: 100%;}
|
|
.logo img {
|
|
max-width: 80px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|