@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit; color: inherit;}

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
}

@media only screen and (min-width:1280px) and (max-width:1500px) {
body{ overflow-x:hidden; }

/* home page css */
.row1 {max-width: 1250px;}

}

@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%;}
.row, .row1 { width:1000px; }

.head-btm .row {column-gap: 15px; }
#topBar > ul {column-gap: 15px;}
#topBar a { font-size: 16px; }
#topBar ul.subMenu li a { font-size: 15px; }
a.book-btn {height: 32px;column-gap: 8px;padding: 0px 0px 0px 10px;font-size: 14px;}

.welcome-sec { padding: 60px 0px 35px;}
.welcome-title h2 { font-size: 54px; }
.welcome-title p { font-size: 24px;}
.service-slide { margin-top: 40px; }
.service-cont { padding: 20px;}
.service-cont h4 { font-size: 24px;}
.service-img h3 { font-size: 24px;}

.welcome-cont-in { padding: 0px 50px;}
.welcome-lft h2 { font-size: 54px; }
.welcome-rgt p { margin-bottom: 30px;}
a.gradient-btn { height: 52px;}

.stats-section ul li h3 { font-size: 54px;}
.stats-section ul li p { font-size: 20px; }

.branches-sec { padding: 70px 0px; background-position: center;}
.branch-title h2 { font-size: 54px; }
.branch-img { width: 92px; }
.branch-txt { width: calc(100% - 92px); }
.branch-txt h3 { font-size: 28px; }
.branch-main-lst ul li { padding: 20px 15px; }

.services-sec { padding: 40px 0px 65px; }
.service-title {width: 475px;row-gap: 20px;}
.service-title h2 { font-size: 56px; }

.lap-slide { padding-left: calc((100% - 1000px) / 2); margin-top: 45px; }
.laptop-out {border-radius: 15px 15px;}
.laptop-out a {padding: 30px 22px 65px 22px;}
.laptop-cont h4 { font-size: 28px;}
.lap-slide .swiper-nav-lap { right: calc((100% - 1000px) / 2); }

/* footer css */
ul.address li { font-size: 16px; }


}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row, .row1, .row2 { width:100%; padding:0px 15px; }

header.sticky { position: fixed; top: 0; transform: translateY(0); animation: slideDown 0.6s ease forwards; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.head-top { padding: 8px 0px; }

.m-menu { display: block; }
.logo img { width: 73px; }
.call-icon { width: 35px; height: 35px; }
.call-icon img { width: 18px; }
.call-txt p {font-size: 12px; margin-bottom: 0px;}
.call-txt a { font-size: 14px; line-height: 1; } 

.hd-top-rgt ul li:nth-child(2n), .hd-top-rgt ul li:nth-child(3n) { display: none; }
.head-btm { display: none; }
.head-btm .row {column-gap: 15px; }
#topBar > ul {column-gap: 15px;}
#topBar a { font-size: 16px; }
#topBar ul.subMenu li a { font-size: 15px; }
a.book-btn {height: 32px;column-gap: 8px;padding: 0px 0px 0px 10px;font-size: 14px;}

.hero-slider .swiper-slide img { height: 500px; object-fit: cover; }
.hero-cnt .ban-txt h2 { font-size: 50px; }
.hero-cnt .ban-txt h2 span.yellow-txt {font-size: 30px;width: 120px;height: 42px;}
a.ban-btn {height: 50px;padding: 0px 20px;}

.watsapp-chat { display: none; }
.share-btns { display: none; }

.welcome-sec { padding: 40px 0px 50px;}
.welcome-title h2 { font-size: 42px; }
.welcome-title p { font-size: 18px;}
.welcome-title p br { display: none;}

.services-sec { padding: 50px 0px 50px; }
.service-title {width: 450px;row-gap: 15px; }
.service-title h2 { font-size: 44px; line-height: 1; }
.service-title p { font-size: 16px; }

.service-slide { margin-top: 40px; width: calc(100% + 15px); margin-right: -15px;}
.service-cont { padding: 20px;}
.service-cont h4 { font-size: 22px; margin-bottom: 15px;}
.service-img h3 { font-size: 22px;}
.service-cont p { font-size: 17px; line-height: 1.4;}

.welcome-cont { margin-top: 50px;}
.welcome-cont-in { padding: 0px 0px;}
.welcome-lft h2 { font-size: 42px; }
.welcome-rgt p { margin-bottom: 30px; font-size: 17px; }
a.gradient-btn { height: 52px; font-size: 17px; }

.stats-section { padding: 50px 0;}
.stats-section ul { row-gap: 30px; justify-content: center; column-gap: 3%;}
.stats-section ul li { flex: 0 1 31%; text-align: center;}
.stats-section ul li h3 { font-size: 40px;}
.stats-section ul li p { font-size: 17px; }
.stats-section::before, .stats-section::after { display: none;}

.branches-sec { padding: 50px 0px; background-position: center;}
.branch-title { margin-bottom: 260px; }
.branch-title h2 { font-size: 42px; }
.branch-img { width: 72px; }
.branch-txt { width: calc(100% - 72px); padding-left: 10px; }
.branch-txt h3 { font-size: 24px; line-height: 1;}
.branch-main-lst ul { row-gap: 15px;}
.branch-main-lst ul li { padding: 15px 15px; }
.branch-txt a { font-size: 14px;}

.lap-slide { padding-left: 15px; margin-top: 45px; }
.laptop-out {border-radius: 15px 15px;}
.laptop-out a {padding: 25px 22px 65px 22px;}
.laptop-cont h4 { font-size: 26px;}
.lap-slide .swiper-nav-lap { right: 15px; top: -220px; }

.brand-sec { padding: 50px 0px; }
.brand-logo .swiper-wrapper { column-gap: 30px; }
.brand-logo .swiper-slide { width: 200px; height: 90px; }

/* footer css */
.foot-top { padding: 50px 0px 45px; }
.foot-mid { padding: 30px 0px 40px; }
.ftr-logo { width: 100%; display: flex; justify-content: space-between; }
.ftr-logo ul { width: auto; margin-top: 0px; }
.ftr-logo ul li a { font-size: 18px; }
.footer-btm { width: 100%; margin-top: 30px; }
ul.address li { font-size: 16px; }
.foot-btm { margin-bottom: 100px; }

.mobile-sticky-links { display: block; }

}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row, .row1, .row2 { width:100%; padding:0px 15px; }

header.sticky { position: fixed; top: 0; transform: translateY(0); animation: slideDown 0.6s ease forwards; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.head-top { padding: 8px 0px; }

.m-menu { display: block; }
.logo img { width: 73px; }
.call-icon { width: 35px; height: 35px; }
.call-icon img { width: 18px; }
.call-txt p {font-size: 12px; margin-bottom: 0px;}
.call-txt a { font-size: 14px; line-height: 1; } 

.hd-top-rgt { column-gap: 15px;}
.hd-top-rgt ul li:nth-child(2n), .hd-top-rgt ul li:nth-child(3n) { display: none; }
.head-btm { display: none; }
.head-btm .row {column-gap: 15px; }
#topBar > ul {column-gap: 15px;}
#topBar a { font-size: 16px; }
#topBar ul.subMenu li a { font-size: 15px; }
a.book-btn {height: 32px;column-gap: 8px;padding: 0px 0px 0px 10px;font-size: 14px;}

.hero-slider .swiper-slide img { height: 500px; object-fit: cover; }
.hero-slider .swiper-slide img.desktop-banner { display: none; }
.hero-slider .swiper-slide img.mobile-banner { display: block; }
.hero-cnt .ban-txt h2 { font-size: 40px; margin-bottom: 18px; }
.hero-cnt .ban-txt h2 span.img-txt img { right: -15px; width: 15px; }
.hero-cnt .ban-txt h2 span.yellow-txt {font-size: 24px;width: 100px;height: 36px;}
.hero-cnt .ban-txt p { font-size: 16px; display: none;}
a.ban-btn { height: 45px; padding: 0px 20px; font-size: 16px; }

.watsapp-chat { display: none; }
.share-btns { display: none; }

.welcome-sec { padding: 40px 0px 0px;}
.welcome-title { row-gap: 15px;}
.welcome-title h2 { font-size: 34px; }
.welcome-title p { font-size: 16px;}
.welcome-title p br { display: none;}
.welcome-service-cont { margin-bottom: 40px;}

.services-sec { padding: 40px 0px 40px; }
.service-title {width: 100%;row-gap: 15px; }
.service-title h2 { font-size: 34px; line-height: 1; letter-spacing: -0.5px;}
.service-title p { font-size: 16px; }

.service-slide { margin-top:30px; width: calc(100% + 15px); margin-right: -15px;}
.service-cont { padding: 20px;}
.service-cont h4 { font-size: 22px; margin-bottom: 15px;}
.service-img h3 { font-size: 22px;}
.service-cont p { font-size: 16px; line-height: 1.4;}
.service-slide .swiper-nav { display: flex; margin-top: 20px;}
.service-slide .swiper-nav-service { display: none;}

.welcome-cont { margin-top: 0px; background: #F9F9F9; padding: 40px 0;}
.welcome-cont-in { padding: 0px 0px;}
.welcome-lft { width: 100%;}
.welcome-lft h2 { font-size: 34px; margin-bottom: 20px;}
.welcome-rgt { width: 100%;}
.welcome-rgt p { margin-bottom: 30px; font-size: 16px; }
a.gradient-btn { height: 48px; font-size: 16px; }

.stats-section { padding: 0px 0;}
.stats-section ul { row-gap: 0px; justify-content: center; column-gap: 0%;}
.stats-section ul li { flex: 0 1 50%; text-align: left; border-right: 1px solid #000; padding: 20px 20px 20px 0; border-bottom: 1px solid #000;}
.stats-section ul li:nth-child(2n) { padding-left: 20px; padding-right: 0; border-right: none;}
.stats-section ul li:nth-child(3), .stats-section ul li:nth-child(4) { border-bottom: none;}
.stats-section ul li h3 { font-size: 34px;}
.stats-section ul li h3 small { font-size: 20px; }
.stats-section ul li p { font-size: 16px; }
.stats-section::before, .stats-section::after { display: none;}

.branches-sec { padding: 40px 0px; background-position: top center; background-size: 140%; background-color: #132854;}
.branch-title { margin-bottom: 260px; }
.branch-title h2 { font-size: 34px; }
.branch-title h2 br { display: none; }
.branch-img { width: 72px; }
.branch-txt { width: calc(100% - 72px); padding-left: 10px; }
.branch-txt h3 { font-size: 24px; line-height: 1;}
.branch-main-lst ul { row-gap: 15px;}
.branch-main-lst ul li { padding: 15px 15px; flex: 0 1 49%; }
.branch-txt a { font-size: 14px;}

.lap-slide { padding-left: 15px; margin-top: 35px; }
.laptop-out {border-radius: 15px 15px;}
.laptop-out a {padding: 25px 22px 65px 22px;}
.laptop-cont h4 { font-size: 22px;}
.laptop-cont p { font-size: 15px; }
.lap-slide .swiper-nav { margin-top: 20px;}
.lap-slide .swiper-nav-lap { width: 95px; position: relative; right: auto; top: auto; }
.lap-slide .swiper-nav-lap i {font-size: 30px;}

.customer-rating-sec { padding: 30px 0px; }
.rating-out { column-gap: 45px; }

.brand-sec { padding: 40px 0px; }
.brand-logo {width: calc(100% + 15px);}
.brand-logo .swiper-wrapper { column-gap: 20px; }
.brand-logo .swiper-slide { width: 175px; height: 80px; }
.brand-logo .swiper-slide img { max-height: 32px; }

/* footer css */
.foot-top { padding: 40px 0px; }
.foot-mid { padding: 30px 0px 40px; }
.ftr-logo { width: 100%; display: flex; justify-content: space-between; }
.ftr-logo ul { width: auto; margin-top: 0px; display: block;}
.ftr-logo ul li { margin-bottom: 5px; }
.ftr-logo ul li a { font-size: 16px; }
.footer-btm { width: 100%; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(217, 217, 217, 0.5);}
.foot-mid-lft { width: 49%; margin-right: 2%; }
.footer-btm .foot-mid-lft:nth-child(2n) { margin-right: 0px;}
.footer-btm .foot-mid-lft:last-child { width: 100%; margin: 30px 0px 0px; padding-top: 30px; border-top: 1px solid rgba(217, 217, 217, 0.5); }
ul.address li { font-size: 16px; }
.foot-btm { margin-bottom: 100px; }

.mobile-sticky-links { display: block; }
.mobile-sticky-links ul li a { font-size: 15px; column-gap: 10px;}
.mobile-sticky-links ul li a span img { width: 20px; }


}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

.branches-sec { background-size: 180%; }
.branch-main-lst ul li { flex: 0 1 100%; }

.rating-out { flex-wrap: wrap; row-gap: 20px;}
.rating-div { width: 100%; text-align: center; }
.star-div { justify-content: center; }
    
/* footer css */
.foot-btm { flex-wrap: wrap; row-gap: 15px;}
.copyright { width: 100%; text-align: center;}
.ftr-social { width: 100%; }
.ftr-social ul { justify-content: center; }


}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

.hero-cnt .ban-txt h2 { font-size: 30px; }
.hero-cnt .ban-txt h2 span.yellow-txt { font-size: 20px; width: 80px; height: 30px; }

.branches-sec { background-size: 240%; }

/* footer css */  
ul.address li { font-size: 15px; column-gap: 0px; }
ul.address li span { width: 32px; }
ul.address li span i { font-size: 20px; }
.ftr-logo { flex-wrap: wrap; }
.ftr-logo ul { width: 100%; margin-top: 25px; }

} 

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


}

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


}