@media (min-width: 1400px) and (max-width: 1599.98px) {}

@media (max-width: 1200px) {
img{max-width:100%;height:auto}
.menu-Bar{display:block;top:0px}
.menuWrap.open{display:flex;left:0px}
.menuWrap{position:fixed;left:-210%;right:0;top:0;bottom:0;margin:auto;background:#0f4c97;height:100vh;display:flex;align-items:center;justify-content:center;flex-flow:column;transition:all
0.4s ease;z-index:3;width:100vw}
ul.menu li{display:block}
ul.menu li
a{margin-bottom:10px;padding:0;display:block;text-align:center;margin-bottom:15px;padding-right:0px;margin-right:0px;color:#fff;font-size:15px;text-transform:capitalize}
.logo img{max-width:50%}
.container{position:relative}
header .main-header ul.menu>li{display:block;margin:0px;padding:0}
header .main-header ul.menu>li a{ color: #333; text-align: start;}
header .main-header ul.menu>li a:before{display:none}

header .main-header ul.menu>li:last-child {
border: 0;
text-align: start;
margin: 0 14px;
margin-top: 8px;
}

}

/* ipad pro */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

/* ipad mini */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* mob view */
@media (max-width: 767px) {}

@media (max-width: 1440px) {}

@media (max-width: 1200px) {

header{
/* padding: 1rem 0; */
position: relative;
}

.dropdown {
position: unset;
box-shadow: none;
width: 100%;
background: #f0f8ff80;
height: auto !important;
}

.dropdown ul li a {
padding: 0;
line-height: 1rem;
/* padding: 0; */
padding: 1rem;
font-weight: 500;
margin-bottom: 0;
}

.sub-menu a {
color: #333 !important;
margin-bottom: 0 !important;
}

.sub-menu {
left: auto !important;
padding-top: 16px;
top: 24px;
}
a.header-btn {
padding: 15px 20px !important;
margin-bottom: 0 !important;
display: flex !important;
gap: 5px !important;
align-items: center;
}
.menuWrap .menu:first-child{
padding-left: 0;
width: 100%;
}
img {
max-width: 100%;
height: auto;
}
.menu-Bar {display: block;top: 0px;}
.menuWrap.open {
display: flex;
left: 0px;
}
.menuWrap {
position: fixed;
left: -210%;
/* right: 0; */
top: 0;
bottom: 0;
margin: auto;
background: #ffffff;
height: 100vh;
display: flex;
align-items: center;
/* justify-content: center; */
flex-flow: column;
transition: all 0.4s ease;
z-index: 3;
width: 100%;
overflow-y: auto;
box-shadow: 0px 4px 6px -1px rgb(0 0 0 / 10%), 0px 2px 4px -1px rgb(0 0 0 / 6%);
}
ul.menu > li {
display: flex;
justify-content: center;
gap: 5px;
border-bottom: 1px solid #ddd;
padding: 0;
flex-direction: column;
}
ul.menu > li > a {
margin-bottom: 10px;
padding: 0;
display: block;
text-align: center;
margin-bottom: 15px;
padding-right: 0px;
margin-right: 0px;
color: #fff;
font-size: 14px;
text-transform: capitalize;
}

.container {
position: relative;
}

.mainBanner .container{ position: initial; }

.main-header{
position: relative;
z-index: 2;
width: 100%;
padding-top: 18px;
}

header .main-header ul.menu>li > a {
color: #333;
width: 100%;
text-align: left;
margin: 0;
display: flex;
justify-content: space-between;
padding: 0.7rem 1rem;
}
header .main-header ul.menu>li > a:before {
display: none;
}

ul.menu ul.top-social-icons{ margin-top: 1rem; padding: 0rem 1rem; }
h1{ font-size: 50px; }

.mainBanner{padding: 2rem 0;height: initial;}
h2{ font-size: 30px; line-height: normal; }
.subscribe{ display: flex; justify-content: space-between; }
.subscribe input.form-control{ width: 80%; }
.subscribe button.btn-subscribe{ height: 100%; width: 20%; }
}

@media (max-width : 1025px){

.overlap-slider {
/* width: 180%; */
width: 100%;
position: relative;
}

}

@media (min-width: 992px) {
.col-lg {
flex: 1 0 0% !important;
}
}

@media (min-width: 1200px) {
.col-xl {
flex: 1 0 0% !important;
}
}

@media (max-width : 768px){
.logo img {max-width: 40%;}
header {
padding: 0rem 0;
}

.menuWrap {
position: fixed;
margin: 0px;
}

.menuWrap.open {
display: block;
left: 0px;
top: 0px;
}
ul.menu {
margin-top: 110px;
}
header .main-header ul.menu>li:last-child{
border: 0;
text-align: start;
margin-left: 14px;
margin-top: 10px;
}

header .main-header ul.menu>li:last-child a{
padding: 11px 20px;

}

ul.menu a.btn.btn-primary {
margin-top: 20px;
}

.top-bar .contact-info a {
font-size: 13px;
margin: 0px !important;
}

h1 {
font-size: 26px;
line-height: 32px;
}

.hero-content a.btn-primary {margin-top: 20px;width: 100%;}

.hero-form-card h3.title {
font-size: 24px;
line-height: normal;
}

h1 br{
display: none;
}

.mainBanner {height: initial;}

.hero-section p.para br {
display: none;
}

section {
padding-bottom: 2.5rem !important;
}
section {
padding-top: 2.5rem !important;
}

h2 {
font-size: 22px;
line-height: 30px;
}

p {
font-size: 14px;
line-height: 1.4;
}

.btn {
padding: 12px 20px;
font-size: 14px;
}

a.f-logo img {
height: 70px;
}

.footer-content p, .copyright p {
text-align: center;
margin-bottom: 8px;
}
.logo img{max-width: 50%;height: auto;}
.inner-banner{ padding: 5rem 0; }

}

@media (max-width : 420px){
.hero-content .btns a.btn-secondary{
margin-top: 10px !important;
}
}

@media (max-width : 767px){
header .main-header ul.menu>li a {
color: #816161;
margin: 0;
}

a.logo {font-size: 20px;padding: 8px 0 3px;}

.mainBanner{
height: 760px !important;
}

.main-header {padding-top: 0;padding-bottom: 0;}

.hero-img {
position: unset;
margin-top: 20px;
}

.hero-content {padding-top: 0rem;text-align: center;}

.hero-content > p {font-size: 17px;line-height: 25.12px;text-align: center;}

.hero-content .btns {
display: block;
margin-top: 0;
}

section.contactCard-sec {
margin-top: 0;
padding-top: 0px !important;
}

.hero-content .btns a.btn-secondary {margin-top: 20px;width: 100%;}

span.top-title {
font-size: 13px;
margin-bottom: 10px;
}

section.works .top-sec p.para {
font-size: 15px;
}

section.works::before {
display: none;
}

section.works::after {
display: none;
}

.works-img2 {
margin-top: 14%;
}

section.works.sec-pad .bottom-sec {
margin-top: 30px;
}

.works-img2 img {
height: 120px;
}

.works-img1 img {
height: 100px;
}

h4.txt {
font-size: 18px;
line-height: normal;
}

.works-img1 p.text1::after {
bottom: -10px;
}

.works-img2 p.text2::after {
bottom: 72px;
}

.works-img2 p.text2 {
font-size: 15px;
margin-top: 23px;
margin-bottom: 30px;
}

section.wedo .top-sec p.para {
font-size: 15px;
}

section.wedo .bottom-sec {
margin-top: 10px;
}

.wedo-card {
margin-top: 20px;
}

.wedo-card h4.title {
margin-top: 25px;
}

.wedo-card p.para {
font-size: 15px;
line-height: 22px;
margin-top: 12px;
}

.wedo-img img {
height: 100px;
}

.price-card h3.title {
font-size: 18px;
}

.price-card .starting {
margin-top: 15px;
}

.pricing p.price {
font-size: 40px;
line-height: 55.26px;
}

.price-card p.para {
margin-top: 6px;
}

ul.priceList {
margin-top: 18px;
}

ul.priceList li {
margin-bottom: 6px;
gap: 8px;
align-items: baseline;
}

ul.priceList li p {
line-height: 18.53px;
}

.price-card a.btn.btn-primary {
font-size: 14.37px;
line-height: 24.64px;
margin-top: 20px;
padding: 12px 0;
}

section.package .bottom-sec {
margin-top: 10px;
}

.price-card {
margin-top: 20px;
}

section.testimonials h2.title {
font-size: 20px;
line-height: 28px;
}

section.testimonials .bottom-sec {
margin-top: 30px;
}

section.testimonials .top-sec p.para {
line-height: 24px;
}

section.faqs {
margin-top: -70px;
}

section.testimonials {
padding-bottom: 80px !important;
}

.slick-dots {
padding: 20px 0 0;
}

section.faqs .bottom-sec {
padding-top: 30px;
}

section.faqs .bottom-sec h2.title {
font-size: 20px;
line-height: 28px;
}

section.faqs .bottom-sec h2.title br {
display: none;
}

.accordion-list {
margin-top: 20px;
}

ul.accordion-list li span {
padding-right: 14px;
}

.accordion-list li h3 {font-size: 14px !important;}

.answer p {margin-top: 10px;font-size: 15px !important;font-weight: 400 !important;line-height: 24px !important;}

section.register p.para {
font-size: 16px;
line-height: 22px;
}

section.register a.btn.btn-secondary {
margin-top: 20px;
padding: 15px 86px;
}

.callNow {
gap: 28px;
margin-top: 18px;
}

.callNow a.btn {
gap: 9px;
font-size: 14px;
}

.testimonials-card {
padding: 18px;
}

.testimonials-slider .slick-list.draggable {
padding-bottom: 4%;
}

.user img {
height: 45px;
}

.user {
gap: 12px;
}

.testimonials-card .user {gap: 10px;}

.info h5.title {
font-size: 18px;
}

.info p.design {
margin-top: 3px;
font-size: 12px;
}

.testimonials-card p.para {
margin-top: 15px;
font-size: 15px;
line-height: 24px;
max-width: 100%;
}

.quote {
margin-right: 0;
}

.quote img {
height: 24px;
}

footer {
padding-top: 10px;
}

.f-logo {
font-size: 25px;
}

.footer-content p, .copyright p {
text-align: left;
margin-top: 0px;
font-size: 15px;
line-height: 26px;
}

.footer-content {
padding-top: 15px;
padding-bottom: 10px;
}

ul.footer-social-icons {
margin-top: 10px;
margin-bottom: 30px;
}

span.cls1 {
right: 54%;
display: none;
}

span.cls {
right: 37%;
display: none;
}

span.cls {
width: 7%;
right: 106px;
}

.f-menu {
margin-top: 10px;
margin-bottom: 16px;
}

span.cls4 {
right: 49%;
display: none;
}

ul.f-menu li a {
font-size: 14px;
margin-bottom: 6px;
}

.footer-content .payment {
margin-top: 30px;
}

.copyright {
padding-top: 26px;
padding-bottom: 26px;
}

.copyright p {
text-align: center;
font-size: 14px;
line-height: 22px;
}

.popup, .popup-main {
width: auto;
}

.pop-inner h4, .pop-inner1 h4 {
font-size: 24px;
}

.pop-inner h3, .pop-inner1 h3 {
font-size: 20px;
}

.pop-inner p, .pop-inner1 p {
font-size: 16px;
}

.pop-inner, .pop-inner1 {
padding: 26px 20px;
}

.inner-banner {
height: 400px;
}

.inner-banner .content p.txt {
margin-top: 8px;
}

.bannerBtns {
display: block;
}

.bannerBtns a.btn {
width: 90%;
margin-bottom: 8px;
justify-content: center;
padding: 14px 45px;
}

.abt-img .exp {
width: 92%;
height: 82.5px;
}

.abt-img .exp p.para {
font-size: 18px;
line-height: 22px;
}

.abt-img .exp p.txt {
font-size: 50px;
}

.abt-img .exp p.txt span.plus {
font-size: 30px;
}

section.about .content {
margin-left: 0;
margin-top: 20px;
}

span.topTitle-inner {
font-size: 20px;
}

section.about .content h2.title {
font-size: 28px;
line-height: 30px;
}

section.about .content p.para {
font-size: 15px;
line-height: 26px;
}

section.about .content .bannerBtns {
margin-top: 20px !important;
text-align: center;
}

section.clients {
padding-bottom: 0 !important;
}

section.sec-txt .content h2.title {
font-size: 28px !important;
line-height: 38px;
}

section.sec-txt .content p.para {
line-height: 22px;
margin-top: 12px;
}

section.contact {
margin-top: 0px;
padding-bottom: 0 !important;
}

.contactIconBg .icon {
width: 55px;
height: 55px;
}

.contactIconBg {
gap: 12px;
}

.contactIconBg .icon-content h6 {
font-size: 22px;
}

.contactIconBg .icon-content p {
font-size: 15px;
line-height: 20px;
}

.contactIconBg .icon-content a {
font-size: 14px;
}

section.map {
margin-top: 0;
}

.contactCard {
padding: 32px 22px;
}

.contactCard label {
font-size: 16px;
margin-bottom: 5px;
}

.form-control {
height: 50px;
}

.form-control::placeholder {
font-size: 15px;
}

textarea.form-control {
height: 140px;
}

section.contactCard-sec input.btn-primary {
font-size: 20px;
line-height: 0.34;
margin-top: 0;
}

.sec1Img img {
height: 300px;
object-fit: cover;
margin-top: 10px;
}

section.sec1 .content span.top-title {
margin-top: 10px;
font-size: 18px;
line-height: 20px;
}

section.sec1 .content h2.title {
font-size: 24px;
line-height: 34px;
}

section.sec1 .content p.para {
font-size: 18px;
line-height: 20px;
}

ul.sec1List {
width: 100%;
column-count: auto;
margin-top: 26px;
}

ul.sec1List li p.txt {
font-size: 16px;
}

section.sec1 .btns {
margin-top: 30px;
display: block;
}

section.sec1 .btns .btn {
width: 100%;
text-align: center;
margin-bottom: 4px;
}

section.sec1 .content {
margin-left: 0;
}

section.sec1 {
padding-bottom: 0 !important;
}

section.sec2 h2.title {
font-size: 22px;
line-height: 26px;
margin-top: 12px;
}

section.sec2 p.para {
font-size: 15px;
line-height: 22px;
}

.sec2 img {
margin-top: 20px;
}

.pckg-head h4 span {
font-size: 44px;
line-height: 60px;
}

.sec-search h2.title {
font-size: 28px !important;
line-height: 30px !important;
}

section.sec3 p.txt {
margin-top: 14px;
font-size: 16px;
line-height: 22px;
}

.service-search input.btn.btn-primary {
padding: 8px 14px;
height: 48px;
font-size: 16px;
}

.service-search input.form-control {
height: 60px;
padding: 21px 91px 20px 30px;
}

.service-search i {
top: 23px;
left: 13px;
font-size: 14px;
}

.service-search input.form-control::placeholder {
font-size: 13px;
}

section.sec3 {
padding-bottom: 0 !important;
}

section.featured h2.title {
font-size: 20px;
margin-bottom: 20px;
margin-top: 30px;
margin-bottom: 10px;
}

ul.featuredList li {
width: 48%;
font-size: 13px;
line-height: 1.3;
height: 58px;
}

ul.featuredList {
gap: 6px;
}

.inner-banner .content h1 {
font-size: 38px;
line-height: 31px;
margin-bottom: 20px;
}

section.sec-txt {
padding-top: 30px !important;
padding-bottom: 10px !important;
}

section.sec3 h2.title {
font-size: 28px;
line-height: 34px;
}

section.sec3 .single-btn .btn-primary {
padding: 13px 38px;
margin-top: 0px;
}

section.sec3 .content {
margin: 8px 0;
}

section.sec3.awards h2.title {
margin-top: 20px;
}

.awards .bottom-sec {
margin-top: 26px;
}

.rulingImg {
margin-top: 8px;
}

.perfect-logo {
padding-top: 30px !important;
margin-bottom: 30px;
}

.perfect-logo .bottom-sec {
padding-top: 26px;
}

.package-inner .content {
margin-top: 30px;
margin-left: 0;
}

.package-inner .bottom-sec {
margin-top: 0 !important;
}

section.sec1 .logos {
margin-top: 30px;
}

section.sec3 h2.title.f-bold br {
display: none;
}

section.sec3 p.p-bold {
margin-top: 18px;
}

.terms p{
margin-bottom: 1.4rem;
}

.clients-slider .slick-list.draggable {
padding: 0;
}

section.sitemap h2.title {
font-size: 28px;
margin-bottom: 20px !important;
}

ul.site li {
width: 48%;
line-height: 1;
font-size: 14px;
}

}

@media (min-width: 768px) and (max-width: 991.98px) {
a.logo {
font-size: 20px;
}

h1 {
font-size: 50px;
line-height: 54px;
}

.hero-content .btns .btn {
padding: 17px 18px;
font-size: 18px;
}

section {
padding-bottom: 3rem !important;
}
section {
padding-top: 3rem !important;
}

.main-header {
padding-top: 12px;
padding-bottom: 12px;
}

.hero-img {
position: absolute;
right: 0;
top: -38px;
z-index: -1;
width: 415px;
}

.hero-content {
padding-top: 0rem;
}

.hero-content > p {
font-size: 17px;
line-height: 25.12px;
max-width: 300px;
margin-top: 15px;
}

.hero-content .btns {
display: block;
}

.hero-content .btns .btn-secondary {
margin-top: 10px;
}
.hero-content .btns {
margin-top: 15px;
}

span.top-title {
font-size: 13px;
margin-bottom: 10px;
}

section.works .top-sec p.para {
font-size: 15px;
}

/* section.works::before {
display: none;
}

section.works::after {
display: none;
} */

section.works::before {
top: 45%;
width: 394px;
height: 300px;
}

.works-img1 p.text1 {
max-width: 100px;
margin: 0 auto;
text-align: center;
}

.works-img2 {
margin-top: 47%;
}

section.works::after {
top: 26%;
left: -5px;
width: 696px;
height: 535px;
}

section.works.sec-pad .bottom-sec {
margin-top: 30px;
}

.works-img2 img {
height: 120px;
}

.works-img1 img {
height: 100px;
}

h4.txt {
font-size: 18px;
line-height: normal;
}

.works-img1 p.text1::after {
bottom: -10px;
}

.works-img2 p.text2::after {
bottom: 72px;
}

.works-img2 p.text2 {
font-size: 15px;
margin-top: 23px;
margin-bottom: 30px;
}

section.wedo .top-sec p.para {
font-size: 15px;
}

section.wedo .bottom-sec {
margin-top: 10px;
}

.wedo-card {
margin-top: 20px;
}

.wedo-card h4.title {
margin-top: 25px;
}

.wedo-card p.para {
font-size: 15px;
line-height: 22px;
margin-top: 12px;
}

.wedo-img img {
height: 100px;
}

.price-card h3.title {
font-size: 18px;
}

.price-card .starting {
margin-top: 15px;
}

.pricing p.price {
font-size: 40px;
line-height: 55.26px;
}

.price-card p.para {
margin-top: 6px;
}

ul.priceList {
margin-top: 18px;
}

ul.priceList li {
margin-bottom: 6px;
gap: 8px;
align-items: baseline;
}

ul.priceList li p {
line-height: 18.53px;
}

.price-card a.btn.btn-primary {
font-size: 14.37px;
line-height: 24.64px;
margin-top: 20px;
padding: 12px 0;
}

section.package .bottom-sec {
margin-top: 10px;
}

.price-card {
margin-top: 20px;
}

section.testimonials h2.title {
font-size: 20px;
line-height: 28px;
}

section.testimonials .bottom-sec {
margin-top: 30px;
}

section.testimonials .top-sec p.para {
line-height: 24px;
}

section.faqs {
margin-top: -70px;
}

section.testimonials {
padding-bottom: 80px !important;
}

.slick-dots {
padding: 20px 0 0;
}

section.faqs .bottom-sec {
padding-top: 30px;
}

section.faqs .bottom-sec h2.title {
font-size: 20px;
line-height: 28px;
}

section.faqs .bottom-sec h2.title br {
display: none;
}

ul.accordion-list li span {
padding-right: 14px;
}

.accordion-list li h3 {
font-size: 14px;
}

.answer p {
margin-top: 10px;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}

section.register p.para {
font-size: 16px;
line-height: 22px;
}

section.register a.btn.btn-secondary {
margin-top: 20px;
padding: 15px 86px;
}

.callNow {
gap: 5px;
margin-top: 18px;
}

.callNow a.btn {
gap: 9px;
font-size: 14px;
}

.testimonials-card {
padding: 18px;
}

.testimonials-slider .slick-list.draggable {
padding-bottom: 4%;
}

.user img {
height: 45px;
}

.user {
gap: 12px;
}

.testimonials-card .user {gap: 10px;}

.info h5.title {
font-size: 18px;
}

.info p.design {
margin-top: 3px;
font-size: 12px;
}

.testimonials-card p.para {
margin-top: 15px;
font-size: 15px;
line-height: 24px;
max-width: 100%;
}

.quote {
margin-right: 0;
}

.quote img {
height: 24px;
}

footer {
padding-top: 10px;
}

.f-logo {
font-size: 25px;
}

.footer-content p, .copyright p {
text-align: left;
margin-top: 0px;
font-size: 15px;
line-height: 26px;
}

.footer-content {
padding-top: 15px;
padding-bottom: 10px;
}

ul.footer-social-icons {
margin-top: 10px;
margin-bottom: 30px;
}

span.cls1 {
right: 24%;
}

span.cls {
right: 7%;
}

.f-menu {
margin-top: 10px;
margin-bottom: 16px;
}

span.cls4 {
right: 32%;
}

ul.f-menu li a {
font-size: 14px;
margin-bottom: 6px;
}

.footer-content .payment {
margin-top: 30px;
}

.copyright {
padding-top: 26px;
padding-bottom: 26px;
}

.copyright p {
text-align: center;
font-size: 14px;
line-height: 22px;
}

.popup, .popup-main {
width: auto;
}

.pop-inner h4, .pop-inner1 h4 {
font-size: 24px;
}

.pop-inner h3, .pop-inner1 h3 {
font-size: 20px;
}

.pop-inner p, .pop-inner1 p {
font-size: 16px;
}

.pop-inner, .pop-inner1 {
padding: 26px 20px;
}

.inner-banner {
height: 400px;
}

.inner-banner .content p.txt {
margin-top: 8px;
}

.btn {
padding: 12px 20px !important;
font-size: 14px;
}

.abt-img .exp {
width: 92%;
height: 82.5px;
margin-top: -50px;
}

.abt-img .exp p.para {
font-size: 18px;
line-height: 22px;
}

.abt-img .exp p.txt {
font-size: 50px;
}

.abt-img .exp p.txt span.plus {
font-size: 30px;
}

section.about .content {
margin-left: 10px;
}

span.topTitle-inner {
font-size: 20px;
}

section.about .content h2.title {
font-size: 28px;
line-height: 30px;
}

section.about .content p.para {
font-size: 15px;
line-height: 26px;
}

section.about .content .bannerBtns {
margin-top: 20px !important;
text-align: center;
}

section.clients {
padding-bottom: 0 !important;
}

section.sec-txt .content h2.title {
font-size: 28px !important;
line-height: 38px;
}

section.sec-txt .content p.para {
line-height: 22px;
margin-top: 12px;
}

section.contact {
margin-top: 0px;
padding-bottom: 0 !important;
}

.contactIconBg .icon {
width: 55px;
height: 55px;
}

.contactIconBg {
gap: 12px;
}

.contactIconBg .icon-content h6 {
font-size: 22px;
}

.contactIconBg .icon-content p {
font-size: 15px;
line-height: 20px;
}

.contactIconBg .icon-content a {
font-size: 14px;
}

section.map {
margin-top: 0;
}

.contactCard {
padding: 32px 22px;
}

.contactCard label {
font-size: 16px;
margin-bottom: 5px;
}

.form-control {
height: 50px;
}

.form-control::placeholder {
font-size: 15px;
}

textarea.form-control {
height: 140px;
}

section.contactCard-sec input.btn-primary {
font-size: 20px;
line-height: 1.34;
margin-top: 0;
}

.sec1Img img {
height: 300px;
object-fit: cover;
margin-top: 10px;
}

section.sec1 .content span.top-title {
margin-top: 10px;
font-size: 18px;
line-height: 20px;
}

section.sec1 .content h2.title {
font-size: 24px;
line-height: 34px;
}

section.sec1 .content p.para {
font-size: 18px;
line-height: 20px;
}

ul.sec1List {
width: 100%;
column-count: 2;
margin-top: 26px;
}

ul.sec1List li p.txt {
font-size: 16px;
}

section.sec1 .btns {
display: block;
margin-top: 15px;
}

section.sec1 .btns .btn {
margin-bottom: 5px;
}

section.sec1 .content {
margin-left: 20px;
}

section.sec1 {
padding-bottom: 0 !important;
}

p br {
display: none;
}

section.sec2 h2.title {
font-size: 28px;
line-height: 32px;
margin-top: 12px;
}

section.sec2 p.para {
font-size: 15px;
line-height: 22px;
}

.sec2 img {
margin-top: 20px;
}

.pckg-head h4 span {
font-size: 44px;
line-height: 60px;
}

.sec-search h2.title {
font-size: 28px !important;
line-height: 30px !important;
}

section.sec3 p.txt {
margin-top: 14px;
font-size: 16px;
line-height: 22px;
}

.service-search input.btn.btn-primary {
padding: 8px 14px;
height: 48px;
font-size: 16px;
}

.service-search input.form-control {
height: 60px;
padding: 21px 91px 20px 30px;
}

.service-search i {
top: 23px;
left: 13px;
font-size: 14px;
}

.service-search input.form-control::placeholder {
font-size: 13px;
}

section.sec3 {
padding-bottom: 0 !important;
}

section.featured h2.title {
font-size: 22px;
margin-bottom: 20px;
margin-top: 30px;
margin-bottom: 10px;
}

ul.featuredList li {
width: 49%;
font-size: 16px;
line-height: 1.3;
height: 58px;
}

ul.featuredList {
gap: 6px;
}

.inner-banner .content h1 {
font-size: 38px;
line-height: 31px;
margin-bottom: 20px;
}

section.sec-txt {
padding-top: 30px !important;
padding-bottom: 10px !important;
}

section.sec3 h2.title {
font-size: 28px;
line-height: 34px;
}

section.sec3 .single-btn .btn-primary {
padding: 13px 38px;
margin-top: 0px;
}

section.sec3 .content {
margin: 8px 0;
}

section.sec3.awards h2.title {
margin-top: 20px;
}

.awards .bottom-sec {
margin-top: 26px;
}

.rulingImg {
margin-top: 8px;
}

.perfect-logo {
padding-top: 30px !important;
margin-bottom: 30px;
}

.perfect-logo .bottom-sec {
padding-top: 26px;
}

.package-inner .content {
margin-top: 30px;
margin-left: 0;
}

.package-inner .bottom-sec {
margin-top: 0 !important;
}

section.sec1 .logos {
margin-top: 30px;
}

section.sec3 h2.title.f-bold br {
display: none;
}

section.sec3 p.p-bold {
margin-top: 18px;
}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

a.logo {
font-size: 20px;
}

h1 {
font-size: 50px;
line-height: 54px;
}

.hero-content .btns .btn {
padding: 17px 18px;
font-size: 18px;
}

section {
padding-bottom: 3rem !important;
}
section {
padding-top: 3rem !important;
}

.main-header {
padding-top: 12px;
padding-bottom: 12px;
}

.hero-img {
position: absolute;
right: 0;
top: -63px;
z-index: -1;
width: 650px;
}

.hero-content {
padding-top: 0rem;
}

.hero-content > p {
font-size: 17px;
line-height: 25.12px;
max-width: 300px;
margin-top: 15px;
}

.hero-content .btns {
display: block;
}

.hero-content .btns .btn-secondary {
margin-top: 10px;
}
.hero-content .btns {
margin-top: 15px;
}

span.top-title {
font-size: 13px;
margin-bottom: 10px;
}

section.works .top-sec p.para {
font-size: 15px;
}

/* section.works::before {
display: none;
}

section.works::after {
display: none;
} */

section.works::before {
top: 41%;
width: 530px;
height: 300px;
}

.works-img1 p.text1 {
max-width: 100px;
margin: 0 auto;
text-align: center;
}

.works-img2 {
margin-top: 47%;
}

section.works::after {
top: 26%;
left: -5px;
width: 890px;
height: 535px;
}

section.works.sec-pad .bottom-sec {
margin-top: 30px;
}

.works-img2 img {
height: 120px;
}

.works-img1 img {
height: 100px;
}

h4.txt {
font-size: 18px;
line-height: normal;
}

.works-img1 p.text1::after {
bottom: -10px;
}

.works-img2 p.text2::after {
bottom: 72px;
}

.works-img2 p.text2 {
font-size: 15px;
margin-top: 23px;
margin-bottom: 30px;
}

section.wedo .top-sec p.para {
font-size: 15px;
}

section.wedo .bottom-sec {
margin-top: 10px;
}

.wedo-card {
margin-top: 20px;
}

.wedo-card h4.title {
margin-top: 25px;
}

.wedo-card p.para {
font-size: 15px;
line-height: 22px;
margin-top: 12px;
}

.wedo-img img {
height: 100px;
}

.price-card h3.title {
font-size: 18px;
}

.price-card .starting {
margin-top: 15px;
}

.pricing p.price {
font-size: 40px;
line-height: 55.26px;
}

.price-card p.para {
margin-top: 6px;
}

ul.priceList {
margin-top: 18px;
}

ul.priceList li {
margin-bottom: 6px;
gap: 8px;
align-items: baseline;
}

ul.priceList li p {
line-height: 18.53px;
}

.price-card a.btn.btn-primary {
font-size: 14.37px;
line-height: 24.64px;
margin-top: 20px;
padding: 12px 0;
}

section.package .bottom-sec {
margin-top: 10px;
}

.price-card {
margin-top: 20px;
}

section.testimonials h2.title {
font-size: 20px;
line-height: 28px;
}

section.testimonials .bottom-sec {
margin-top: 30px;
}

section.testimonials .top-sec p.para {
line-height: 24px;
}

section.faqs {
margin-top: -70px;
}

section.testimonials {
padding-bottom: 80px !important;
}

.slick-dots {
padding: 20px 0 0;
}

section.faqs .bottom-sec {
padding-top: 30px;
}

section.faqs .bottom-sec h2.title {
font-size: 20px;
line-height: 28px;
}

section.faqs .bottom-sec h2.title br {
display: none;
}

ul.accordion-list li span {
padding-right: 14px;
}

.accordion-list li h3 {
font-size: 14px;
}

.answer p {
margin-top: 10px;
font-size: 15px;
font-weight: 400;
line-height: 24px;
}

section.register p.para {
font-size: 16px;
line-height: 22px;
}

section.register a.btn.btn-secondary {
margin-top: 20px;
padding: 15px 86px;
}

.callNow {
gap: 28px;
margin-top: 18px;
}

.callNow a.btn {
gap: 9px;
font-size: 14px;
}

.testimonials-card {
padding: 18px;
}

.testimonials-slider .slick-list.draggable {
padding-bottom: 4%;
}

.user img {
height: 45px;
}

.user {
gap: 12px;
}

.testimonials-card .user {gap: 10px;}

.info h5.title {
font-size: 18px;
}

.info p.design {
margin-top: 3px;
font-size: 12px;
}

.testimonials-card p.para {
margin-top: 15px;
font-size: 15px;
line-height: 24px;
max-width: 100%;
}

.quote {
margin-right: 0;
}

.quote img {
height: 24px;
}

footer {
padding-top: 10px;
}

.f-logo {
font-size: 25px;
}

.footer-content p, .copyright p {
text-align: left;
margin-top: 0px;
font-size: 15px;
line-height: 26px;
}

ul.footer-social-icons {
margin-top: 10px;
margin-bottom: 30px;
}

span.cls1 {
right:9%;
}

h6.hd {
font-size: 15px;
}

span.cls {
right:-6%;
}

span.cls4 {
right: 14%;
}

.f-menu {
margin-top: 10px;
margin-bottom: 16px;
}

.f-menu .phone {
gap: 5px;
}

.f-menu .phone .content p.txt {
font-size: 11px;
}

.f-menu .phone .content a.btn {
font-size: 13px;
}

.f-menu .phone .content {
gap: 2px;
justify-content: center;
}

ul.f-menu li a {
font-size: 14px;
margin-bottom: 6px;
}

.footer-content .payment {
margin-top: 30px;
}

.copyright {
padding-top: 26px;
padding-bottom: 26px;
}

.copyright p {
text-align: center;
font-size: 14px;
line-height: 22px;
}

.popup, .popup-main {
width: auto;
}

.pop-inner h4, .pop-inner1 h4 {
font-size: 24px;
}

.pop-inner h3, .pop-inner1 h3 {
font-size: 20px;
}

.pop-inner p, .pop-inner1 p {
font-size: 16px;
}

.pop-inner, .pop-inner1 {
padding: 26px 20px;
}

.inner-banner {
height: 400px;
}

.inner-banner .content p.txt {
margin-top: 8px;
}

.abt-img .exp {
width: 92%;
height: 82.5px;
}

.abt-img .exp p.para {
font-size: 18px;
line-height: 22px;
}

.abt-img .exp p.txt {
font-size: 50px;
}

.abt-img .exp p.txt span.plus {
font-size: 30px;
}

section.about .content {
margin-left: 0;
margin-top: 20px;
}

span.topTitle-inner {
font-size: 20px;
}

section.about .content h2.title {
font-size: 28px;
line-height: 30px;
}

section.about .content p.para {
font-size: 15px;
line-height: 26px;
}

section.about .content .bannerBtns {
margin-top: 20px !important;
text-align: center;
}

section.clients {
padding-bottom: 0 !important;
}

section.sec-txt .content h2.title {
font-size: 28px !important;
line-height: 38px;
}

section.sec-txt .content p.para {
line-height: 22px;
margin-top: 12px;
}

section.contact {
margin-top: 0px;
padding-bottom: 0 !important;
}

.contactIconBg .icon {
width: 55px;
height: 55px;
}

.contactIconBg {
gap: 12px;
}

.contactIconBg .icon-content h6 {
font-size: 22px;
}

.contactIconBg .icon-content p {
font-size: 15px;
line-height: 20px;
}

.contactIconBg .icon-content a {
font-size: 14px;
}

section.map {
margin-top: 0;
}

.contactCard {
padding: 32px 22px;
}

.contactCard label {
font-size: 16px;
margin-bottom: 5px;
}

.form-control {
height: 50px;
}

.form-control::placeholder {
font-size: 15px;
}

textarea.form-control {
height: 140px;
}

section.contactCard-sec input.btn-primary {
font-size: 20px;
line-height: 0.34;
margin-top: 0;
}

.sec1Img img {
height: 300px;
object-fit: cover;
margin-top: 10px;
}

section.sec1 .content span.top-title {
margin-top: 10px;
font-size: 18px;
line-height: 20px;
}

section.sec1 .content h2.title {
font-size: 24px;
line-height: 34px;
}

section.sec1 .content p.para {
font-size: 18px;
line-height: 20px;
}

ul.sec1List {
width: 100%;
column-count: auto;
margin-top: 26px;
}

ul.sec1List li p.txt {
font-size: 16px;
}

section.sec1 .btns {
margin-top: 30px;
display: block;
}

section.sec1 .btns .btn {
width: 100%;
text-align: center;
margin-bottom: 4px;
}

section.sec1 .content {
margin-left: 0;
}

section.sec1 {
padding-bottom: 0 !important;
}

section.sec2 h2.title {
font-size: 22px;
line-height: 26px;
margin-top: 12px;
}

section.sec2 p.para {
font-size: 15px;
line-height: 22px;
}

.sec2 img {
margin-top: 20px;
}

.pckg-head h4 span {
font-size: 44px;
line-height: 60px;
}

.sec-search h2.title {
font-size: 28px !important;
line-height: 30px !important;
}

section.sec3 p.txt {
margin-top: 14px;
font-size: 16px;
line-height: 22px;
}

.service-search input.btn.btn-primary {
padding: 8px 14px;
height: 48px;
font-size: 16px;
}

.service-search input.form-control {
height: 60px;
padding: 21px 91px 20px 30px;
}

.service-search i {
top: 23px;
left: 13px;
font-size: 14px;
}

.service-search input.form-control::placeholder {
font-size: 13px;
}

section.sec3 {
padding-bottom: 0 !important;
}

section.featured h2.title {
font-size: 20px;
margin-bottom: 20px;
margin-top: 30px;
margin-bottom: 10px;
}

ul.featuredList li {
width: 48%;
font-size: 13px;
line-height: 1.3;
height: 58px;
}

ul.featuredList {
gap: 6px;
}

.inner-banner .content h1 {
font-size: 38px;
line-height: 31px;
margin-bottom: 20px;
}

section.sec-txt {
padding-top: 30px !important;
padding-bottom: 10px !important;
}

section.sec3 h2.title {
font-size: 28px;
line-height: 34px;
}

section.sec3 .single-btn .btn-primary {
padding: 13px 38px;
margin-top: 0px;
}

section.sec3 .content {
margin: 8px 0;
}

section.sec3.awards h2.title {
margin-top: 20px;
}

.awards .bottom-sec {
margin-top: 26px;
}

.rulingImg {
margin-top: 8px;
}

.perfect-logo {
padding-top: 30px !important;
margin-bottom: 30px;
}

.perfect-logo .bottom-sec {
padding-top: 26px;
}

.package-inner .content {
margin-top: 30px;
margin-left: 0;
}

.package-inner .bottom-sec {
margin-top: 0 !important;
}

section.sec1 .logos {
margin-top: 30px;
}

section.sec3 h2.title.f-bold br {
display: none;
}

section.sec3 p.p-bold {
margin-top: 18px;
}

}

@media (min-width: 1280px) and (max-width: 1400px) {
span.cls {
right: -3px;
}
span.cls1 {
right: 32px;
}
span.cls4 {
right: 45px;
}
.pkg-border {
height: 10px;
left: -1.5px;
width: 100.6%;
}
.hero-img img {
height: 640px;
}
.btn {
padding: 18px 24px;
font-size: 19px;
}
.works-img1 p.text1 {
max-width: 120px;
margin: 0 auto;
}

section.works::before {
top: 45%;
left: -1px;
width: 640px;
height: 300px;
}
section.works::after {
width: 1088px;
left: -5px;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.hero-img img {
height: 765px;
}
section.works::after {
width: 1260px;
left: 35px;
}
span.cls {
height: 2px;
right: 27px;
}
span.cls4 {
height: 2px;
right: 82px;
}
}

@media (min-width: 992px) and (max-width: 1200px) {
.btn{
padding: 19px 15px;
line-height: 1;
}
}