@media screen and (max-width:1900px) {
 
}
 
@media screen and (max-width:1800px) {
.hm-banner-sec h1 { font-size: 100px; letter-spacing: -2.3px; margin: 0 0 28px; }
.text-heading { font-size: 75px; margin: 0 0 15px; }
.hm-why-editvideo-sec { padding: 100px 0 200px; }
 
}
 
@media screen and (max-width:1700px) {
.container {max-width: 1400px; }
.hm-faq-sec .container{max-width: 1500px;}
 
.hm-banner-sec h1 { font-size: 95px; letter-spacing: -2px; margin: 0 0 28px; }
.hmbnr-editing-img { right: 50px; bottom: 260px; width: 20%; }
.hm-banner-sec p { font-size: 20px; letter-spacing: -0.4px; margin: 0 0 30px; }
.hm-bnr-btm-form { padding: 40px 50px 60px; border-radius: 10px; }
.text-heading { font-size: 70px; margin: 0 0 15px; }
.hm-bnr-btm-form::before, .hm-bnr-btm-form::after { width: 15px; height: calc(100% + 9px); background-size: 100% 100%; }
.hm-bnr-btm-form-sec { margin: -230px 0 0; }
.hm-why-editvideo-sec { padding: 95px 0 180px; }
.hm-video-blk { margin: 0 0 35px; gap: 45px; }
.abt-left-cont h2 { font-size: 65px; letter-spacing: -2.8px; margin-bottom: 10px; }
.abt-rite .rite-the-img { right: 10px; bottom: 16px; padding: 20px 0px 38px 30px; border-radius: 20px 20px 0 0; }
.scroll-container ul li::after { width: 45px; height: 45px; }
.scroll-container ul li { margin: 0 12px; padding-right: 70px; font-size: 90px; letter-spacing: 4px; }
.hm-our-services-sec h2 { font-size: 70px; letter-spacing: -3px; margin-bottom: 50px; }
.hm-our-servc-lst { gap: 44px; margin-bottom: 28px; }
.our-servc-cnt h4 { font-size: 39px; margin-bottom: 10px; }
.hm-pricing-sec .text-heading { font-size: 70px; letter-spacing: -3px; margin: 0 0 30px; }
.hm-pricing-sec { padding: 75px 0 0px; }
.hm-editing-itm h3 { font-size: 52px; letter-spacing: -0.64px; margin: 0px 0 46px; padding: 0 0 37px; }
 
.ftr-block-sec {padding: 65px 0 0; }
 .form-btn input {
    padding: 25px 29px;
}

.hm-faq-sec { padding: 80px 0 30px; }
.hm-faq-lft h4 { font-size: 70px; margin: 0 0 25px; }
.hm-faq-sec .accordion-profile h3 { padding: 17px 54px 20px 38px; font-size: 19px; background-size: 31px; background-position: right 21px center; }
.hm-faq-sec .accordion-profile p,.hm-faq-sec .accordion-profile ul li { font-size: 15px; }
.hm-faq-sec .accordion-profile-content { padding: 28px 40px 28px 55px; }
.hm-faq-btn a.cmn-btn { padding: 19px 50px; }
.single-accordion { margin: 0 0 60px; }
}
 
@media screen and (max-width:1600px) {
.container {max-width: 1300px; }
.hm-faq-sec .container{max-width: 1400px;}
 
.site-header { padding: 27px 0; }
.top-rit-lst { gap: 25px; }
#main-navigation ul li { margin: 0 13px; }
.site-branding { width: 100%; max-width: 150px; }
.hdr-cal a { font-size: 26px; padding: 0 90px 0 0; }
.hdr-cal a:before { width: 65px; height: 44px; }
a.cmn-btn { padding: 17px 35px; border-radius: 10px;font-size: 18px; }
.hm-banner-sec { padding: 235px 0 350px; }
.hm-banner-sec h1 { font-size: 85px; letter-spacing: -1px; margin: 0 0 28px; }
.hm-banner-sec p { font-size: 18px; letter-spacing: -0.4px; margin: 0 0 30px; }
.hmbnr-editing-img { right: 50px; bottom: 250px; width: 18%; }
.text-heading { font-size: 60px; margin: 0 0 15px; }
.hm-bnr-btm-form ul li input, .hm-bnr-btm-form ul li textarea { font-size: 18px !important; padding: 19px 20px !important; letter-spacing: 0; border-radius: 10px; }
.hm-bnr-btm-form ul li textarea { height: 61px !important; }
.form-btn input { font-size: 19px; padding: 21px 24px; border-radius: 10px; }
.hm-bnr-btm-form-sec { margin: -220px 0 0; }
.hm-why-editvideo-sec { padding: 90px 0 160px; }
.hm-video-blk { margin: 0 0 30px; gap: 35px; }
.hm-video-itm h4 { font-size: 23px; }
.abt-left-cont h2 { font-size: 62px; letter-spacing: -2.8px; margin-bottom: 10px; }
.abt-left-cont p { font-size: 19px; line-height: 2; margin-bottom: 32px; }
.scroll-container ul li { margin: 0 10px; padding-right: 60px; font-size: 80px; letter-spacing: 3px; }
.hm-our-services-sec { padding: 45px 0 60px; }
.hm-our-services-sec h2 { font-size: 60px; letter-spacing: -2px; margin-bottom: 40px; }
.hm-our-servc-lst { gap: 40px; margin-bottom: 28px; }
.our-servc-img::before { height: 80px; width: 80px; background-size: contain; }
.our-servc-img { margin-bottom: 20px; padding: 0 0 40px; }
.our-servc-cnt h4 { font-size: 35px; margin-bottom: 10px; }
.hm-pricing-sec { padding: 70px 0 0px; }
.hm-pricing-sec .text-heading { font-size: 60px; letter-spacing: -2px; margin: 0 0 30px; }
.hm-pricing-sec .tab-btn { font-size: 18px; padding: 15px 35px; border-radius: 10px; }
.hm-editing-itm h5 { font-size: 20px; margin: 0 0 26px; padding: 10px 23px 10px; border-radius: 40px; width: 110px; }
.hm-editing-itm h3 { font-size: 45px; letter-spacing: -0.64px; margin: 0px 0 40px; padding: 0 0 35px; }
.hm-editing-lst { margin: 0 0 45px; }
.hm-editing-itm { border-radius: 10px; padding: 20px 10px 45px 20px; }

.ftr-block-sec {padding: 60px 0 0; }
.ftr-list {margin: 0 0 25px; gap: 75px; }
 
.hm-testi-blck h2 { 
    font-size: 60px;
    letter-spacing: -2.05px;
    margin: 0 0 55px;
}
.hm-bnr-btm-form .text-heading {
    font-size: 55px;
    margin: 0 0 18px;
}

.hm-faq-sec { padding: 70px 0 25px; }
.hm-faq-lft h4 { font-size: 65px; margin: 0 0 20px; }
.hm-faq-sec .accordion-profile h3 { padding: 15px 52px 16px 37px; font-size: 19px; background-size: 30px; background-position: right 20px center; }
.hm-faq-sec .accordion-profile-content { padding: 25px 36px 25px 50px; }
.single-accordion { margin: 0 0 50px; }
.hm-faq-btn a.cmn-btn { padding: 18px 45px; }
.hm-faq-rit { margin: 0 -60px 0 -40px; }
.hm-faq-sec .accordion-profile h3::after { top: 20px; left: 15px; }
    .abt-rite .rite-the-img {
        bottom: 24px;
    }

    .hm-ourwork-itm {
    border-radius: 25px;
}

}
 
@media screen and (max-width:1500px) {
 
}
 
@media screen and (max-width:1440px) {
.container,.hm-pricing-sec .container, .hm-testi-sec .container, .hm-ourwork-sec .container {max-width: 1200px; }
.hm-faq-sec .container{max-width: 1200px;}
 
.site-branding { max-width: 140px; }
#main-navigation ul li a { font-size: 17px; letter-spacing: 0; }
#main-navigation ul li { margin: 0 10px; }
.hdr-cal a { font-size: 25px; padding: 0 75px 0 0; }
.hdr-cal a:before { width: 55px; height: 38px; }
a.cmn-btn { padding: 15px 30px; border-radius: 10px; font-size: 17px; }
.hm-banner-sec { padding: 210px 0 300px; }
.hm-banner-sec h1 { font-size: 75px; letter-spacing: 0; margin: 0 0 25px; }
.hm-banner-sec p { font-size: 17px; letter-spacing: -0.4px; margin: 0 0 27px; }
.hmbnr-editing-img { right: 40px; bottom: 220px; width: 100%; max-width: 200px; }
.hm-bnr-btm-form { padding: 35px 50px 50px; border-radius: 10px; }
.hm-bnr-btm-form ul li input, .hm-bnr-btm-form ul li textarea { font-size: 16px !important; padding: 17px 15px !important; letter-spacing: 0; border-radius: 10px; }
.hm-bnr-btm-form ul li textarea { height: 55px !important; }
.form-btn input { font-size: 17px; padding: 19px 20px; border-radius: 10px; }
.hm-why-editvideo-sec { padding: 70px 0 140px; }
.hm-why-editvideo-sec .text-heading { margin: 0 0 40px; }
.text-heading { font-size: 55px; margin: 0 0 15px; }
.hm-video-blk { margin: 0 0 30px; gap: 30px; }
.hm-video-itm { padding: 15px 22px 40px; border-radius: 15px; outline-offset: -14px; }
.hm-video-itm::before, .hm-video-itm::after { width: 180px; }
.hm-video-itm::before { top: 11px; }
.hm-video-itm::after { bottom: 11px; }
.hm-video-img { margin: 0 auto 15px; width: 80px; }
.hm-video-itm h4 { font-size: 20px; }
.abt-left-cont h6 { font-size: 18px; letter-spacing: 1px; padding: 10px 20px; border-radius: 7px; margin: 0 0 12px 0; }
.abt-left-cont h2 { font-size: 55px; letter-spacing: -2px; margin-bottom: 10px; }
.abt-left-cont p { font-size: 18px; line-height: 2; margin-bottom: 27px; }
.abt-rite .rite-the-img { right: 10px; bottom: 9px; padding: 30px 20px; border-radius: 20px 20px 0 0; width: 100%; max-width: 160px; }
.scroll-container ul li { margin: 0 7px; padding-right: 55px; font-size: 70px; letter-spacing: 2px; }
.scroll-container ul li::after { width: 40px; height: 40px; }
.hm-our-services-sec { padding: 40px 0 50px; }
.hm-our-services-sec h2 { font-size: 50px; letter-spacing: -1px; margin-bottom: 30px; }
.hm-our-servc-lst { gap: 30px; margin-bottom: 25px; }
.our-servc-img::before { height: 70px; width: 70px; }
.our-servc-img { margin-bottom: 15px; padding: 0 0 30px; }
.our-servc-cnt h4 { font-size: 34px; margin-bottom: 10px; }
.our-servc-cnt p { font-size: 15px; }
.hm-pricing-sec { padding: 60px 0 0px; }
.hm-pricing-sec .text-heading { font-size: 50px; letter-spacing: -1px; margin: 0 0 25px; }
.hm-pricing-sec .tab-btn { font-size: 16px; padding: 15px 30px; border-radius: 10px; }
.hm-editing-itm h5 { font-size: 18px; margin: 0 0 23px; padding: 8px 20px 8px; border-radius: 35px; width: 100px; }
.hm-editing-itm h6 { font-size: 15px; margin: 0px 0 10px; }
.hm-editing-itm h3 { font-size: 35px; letter-spacing: 0; margin: 0px 0 35px; padding: 0 0 30px; }
.hm-editing-lst ul li { font-size: 15px; line-height: 2.11; padding: 0 0 0 20px; }
.hm-editing-lst { margin: 0 0 40px; }
.hm-editing-itm { border-radius: 10px; padding: 20px 10px 40px 20px; }
.abt-left-cont { padding: 10px 0 0; }
.abt-rite { margin-right: 15px; }


.hm-testi-sec {
    padding: 90px 0 70px;
}
.hm-test-btn h6 {
    font-size: 17px;
    padding: 10px 26px;
        border-radius: 7px;
}
 .hm-testi-blck h2 {
    font-size: 50px;
    letter-spacing: -1.35px;
    margin: 0 0 45px;
}
.testi-item .star-rat {
    width: 133px;
    height: 26px;
    margin: 0 0 20px;
}
.testi-item h4 {
    font-size: 27px;
    margin: 0 0 16px;
}
.testi-item p {
    font-size: 18px;
}
.testi-item h5::after {
transform-origin: top left;
    transform: scale(0.8);
}
.testi-item h5 {
        font-size: 30px;
    bottom: 45px;
    padding: 0 0 0 116px;
}
.hm-testi-list.owl-carousel .owl-nav button {
    transform: scale(0.85);
}
.hm-testi-list.owl-carousel .owl-nav {
    max-width: 95px;
    bottom: 38px;
    left: 125px;
}
.hm-testi-list.owl-carousel .owl-nav::after {
    height: 36px;
}
.hm-testi-lft-btn a {
    font-size: 18px;
    padding: 18px 38px;
    border-radius: 11px;
}
.hm-testi-lft-btn {
    margin: -37px 0 0;
}
.hm-test-btn {
    margin: 0 0 20px;
}
.hm-testi-anchr a {
    width: 68px;
    height: 68px;
}
.hm-btm-scroll-sec {
    margin: -15px 0 0;
}


.ftr-block-sec {padding: 50px 0 0; }
.ftr-logo {margin: 0 auto 29px; width: 100%; max-width: 200px; }
.hm-ftr-lft .cmn-btn {padding: 16px 45px 16px; }
.ftr-list h6 {font-size: 27px; padding: 0 0 15px; margin: 0 0 20px; }
.ftr-number a {font-size: 30px; letter-spacing: -0.7px; margin: 0 0 25px; padding: 0 0 0 38px; }
.ftr-list {margin: 0 0 25px; gap: 75px; }
.ftr-block-list {width: 37%; padding: 10px 0 0; }
 .hm-bnr-btm-form .text-heading {
    font-size: 45px;
}


.hm-faq-sec { padding: 60px 0 20px; }
.hm-faq-lft h4 { font-size: 60px; margin: 0 0 18px; letter-spacing: -2px; }
.single-accordion { margin: 0 0 40px; }
.hm-faq-sec .accordion-profile h3 { padding: 14px 45px 14px 29px; font-size: 18px; background-size: 27px; background-position: right 17px center; }
.hm-faq-sec .accordion-profile h3::after {
    top: 19px;
    left: 12px;
    width: 8px;
    height: 8px;
}
.hm-faq-sec .accordion-profile-content { padding: 23px 30px 23px 45px; }
.hm-faq-btn a.cmn-btn { padding: 15px 40px; }
.hm-faq-rit { margin: 0 -50px 0 -30px; }
 
.hm-ourwork-sec { padding: 120px 0 100px; }
.hm-ourwork-sec .text-heading { margin: 0 0 15px; }
.hm-tabing-blck.ourwork .tab-buttons { gap: 25px; margin: 0 0 25px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn { font-size: 19px; border-radius: 10px; padding: 13px 40px 15px 65px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn:before { left: 40px; }
.hm-ourwork-itm h5 { font-size: 20px; bottom: 85px; padding: 0 25px; }


.ftr-menu ul li a {
    font-size: 17px;
    padding: 0 0 0 23px;
}
.site-header.is-sticky .site-branding {
    width: 80px;
}
.hm-bnr-btm-form::before, .hm-bnr-btm-form::after {
        height: calc(100% + 6px);
        width: 13px;
    }
        .hm-bnr-btm-form-sec {
        margin: -200px 0 0;
    }

        .hm-ourwork-itm {
    border-radius: 20px;
}
#main-navigation .sub-menu li a {
    font-size: 15px;
}
    .hm-our-servc-itm {
        border-radius: 8px;
    }

}
 
@media screen and (max-width:1366px) {
 
 
}
 
@media screen and (max-width:1280px){
 
}
 
@media screen and (max-width:1240px) {
.container,.hm-pricing-sec .container, .hm-testi-sec .container, .hm-faq-sec .container, .hm-ourwork-sec .container {max-width: 990px;padding: 0 15px; }
 
.site-header { padding: 20px 0; }
.site-branding { max-width: 110px; }
#main-navigation ul li a { font-size: 15px; }
#main-navigation ul li { margin: 0 8px; }
.hdr-cal a { font-size: 22px; padding: 0 60px 0 0; }
.hdr-cal a:before { width: 50px; height: 34px; }
.top-rit-lst { gap: 20px; }
a.cmn-btn { padding: 12px 25px; border-radius: 6px; font-size: 16px; }
.hm-banner-sec h1 { font-size: 60px; margin: 0 0 22px; }
.hm-banner-sec p { font-size: 16px; letter-spacing: -0.4px; margin: 0 0 24px; }
.hmbnr-editing-img { right: 30px; bottom: 160px; max-width: 180px; }
.hm-banner-sec { padding: 150px 0 250px; }
.text-heading { font-size: 47px; margin: 0 0 13px; }
.hm-bnr-btm-form { padding: 30px 30px 40px; border-radius: 10px; }
.hm-bnr-btm-form ul li input, .hm-bnr-btm-form ul li textarea { font-size: 15px !important; padding: 13px 12px !important; border-radius: 7px; }
.hm-bnr-btm-form ul li textarea { height: 46px !important; }
.form-btn input { font-size: 15px; padding: 16px 12px; border-radius: 7px; }
.hm-bnr-btm-form ul {
    gap: 13px 5px;
}
.hm-bnr-btm-form-sec { margin: -150px 0 0; }
.hm-why-editvideo-sec { padding: 60px 0 110px; }
.hm-why-editvideo-sec .text-heading { margin: 0 0 35px; }
.hm-video-img { margin: 0 auto 15px; width: 75px; }
.hm-video-itm { padding: 15px 18px 30px; border-radius: 15px; outline-offset: -14px; }
.hm-video-itm h4 { font-size: 17px; }
.hm-video-blk { margin: 0 0 30px; gap: 20px; }
.abt-left-cont h6 { font-size: 17px; letter-spacing: 0; padding: 8px 18px; border-radius: 6px; margin: 0 0 10px 0; }
.abt-left-cont h2 { font-size: 43px; letter-spacing: -2px; margin-bottom: 8px; }
.abt-left-cont p { font-size: 14px; line-height: 1.8; margin-bottom: 22px; }
.abt-rite { margin-right: 0; }
.abt-rite .rite-the-img { right: 10px; bottom: 0; padding: 20px 10px; border-radius: 15px 15px 0 0; max-width: 130px; }
.hm-about-sec { padding: 0 0 30px; }
.scroll-container ul li { margin: 0 7px; padding-right: 50px; font-size: 60px; letter-spacing: 2px; }
.scroll-container ul li::after { width: 35px; height: 35px; }
.hm-our-services-sec { padding: 35px 0 40px; }
.hm-our-services-sec h2 { font-size: 45px; letter-spacing: 0; margin-bottom: 20px; }
.hm-our-servc-lst { gap: 20px; margin-bottom: 25px; }
.hm-our-servc-itm { padding: 10px 10px 20px; border-radius: 7px; }
.our-servc-img::before { height: 60px; width: 60px; }
.our-servc-img { margin-bottom: 13px; padding: 0 0 20px; }
.our-servc-cnt h4 { font-size: 28px; margin-bottom: 10px; }
.our-servc-cnt p { font-size: 14px; }
.hm-pricing-sec { padding: 50px 0 0px; }
.hm-pricing-sec .text-heading { font-size: 45px; margin: 0 0 23px; }
.hm-pricing-sec .tab-btn { font-size: 15px; padding: 13px 25px; border-radius: 10px; }
.hm-editing-itm h5 { font-size: 16px; margin: 0 0 20px; padding: 6px 10px 6px; border-radius: 30px; width: 90px; }
.hm-editing-itm h3 { font-size: 30px; margin: 0px 0 30px; padding: 0 0 20px; }
.hm-editing-itm { border-radius: 10px; padding: 20px 10px 30px 15px; }
.hm-editing-lst { margin: 0 0 30px; }
    .hm-editing-lst ul li {
        font-size: 14px;
        line-height: 1.8;
        padding: 0 0 0 15px;
    }
.hm-editing-lst ul li::after { width: 8px; height: 9px; top: 9px; }


.hm-testi-sec {
    padding: 60px 0;
}
.hm-test-btn h6 {
    font-size: 16px;
    padding: 10px 21px;
    border-radius: 6px;
}
.hm-test-btn {
    margin: 0 0 15px;
}
.hm-testi-blck h2 {
    font-size: 45px;
    letter-spacing: -0.85px;
    margin: 0 0 35px;
}
 .testi-item .star-rat {
    width: 120px;
    height: 24px;
    margin: 0 0 15px;
}
.testi-item h4 {
    font-size: 24px;
    margin: 0 0 14px;
}
    .testi-item p {
        font-size: 15px;
    }
    .testi-item {
    padding: 0px 0 90px;
}
.testi-item h5::after {
    transform: scale(0.7);
}
.testi-item h5 {
    bottom: 40px;
    font-size: 25px;
    padding: 0 0 0 100px;
}
    .hm-testi-list.owl-carousel .owl-nav button {
        transform: scale(0.7);
    }
    .hm-testi-list.owl-carousel .owl-nav {
        max-width: 85px;
        bottom: 38px;
        left: 108px;
    }
    .hm-testi-lft-btn a {
        font-size: 16px;
        padding: 16px 31px;
        border-radius: 8px;
    }
     .hm-btm-scroll-sec {
        margin: -12px 0 0;
    }
    .hm-testi-anchr a {
    width: 60px;
    height: 60px;
}



.ftr-block-sec {padding: 40px 0 0; }
.ftr-logo {margin: 0 auto 25px; width: 100%; max-width: 180px; }
.ftr-list h6 {font-size: 25px; padding: 0 0 10px; margin: 0 0 20px; }
.ftr-number a {font-size: 25px; letter-spacing: -0.7px; margin: 0 0 20px; padding: 0 0 0 32px; }
.ftr-block-list {width: 42%; padding: 0; }
.ftr-mail a, .hm-ftr-center p {font-size: 15px; letter-spacing: -0.7px; margin: 0 0 30px; padding: 0 0 0 30px; }
.ftr-mail a::before {width: 20px; height: 17px; }
.hm-ftr-center p::before {top: 6px; width: 18px; height: 23px; }
.hm-ftr-icons a {width: 45px; height: 45px; border-radius: 15px; }
.ftr-copyrights-sec .cpy-inr {padding: 25px 0; }
.ftr-copyrights-sec p {font-size: 18px; }

.hm-bnr-btm-form .text-heading {
    font-size: 40px;
}


.hm-faq-sec { padding: 50px 0; }
.hm-faq-lft h4 { font-size: 50px; margin: 0 0 15px; letter-spacing: -2px; }
.single-accordion { margin: 0 0 30px; }
.hm-faq-sec .accordion-profile { margin: 0 0 10px; }
.hm-faq-sec .accordion-profile h3 { padding: 12px 40px 12px 27px; font-size: 16px; background-size: 25px; background-position: right 13px center; }
    .hm-faq-sec .accordion-profile h3::after {
        top: 16px;
        left: 11px;
        width: 7px;
        height: 7px;
    }
.hm-faq-sec .accordion-profile p,.hm-faq-sec .accordion-profile ul li { font-size: 14px; margin: 0 0 7px; }
.hm-faq-sec .accordion-profile-content { padding: 20px 25px 20px 35px; }
.hm-faq-btn a.cmn-btn { padding: 13px 35px; }
.hm-faq-rit { margin: 0 -40px 0 -20px; }
 
.hm-ourwork-sec { padding: 95px 0 70px; }
.hm-tabing-blck.ourwork .tab-buttons { gap: 20px; margin: 0 0 18px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn { font-size: 18px; border-radius: 8px; padding: 12px 35px 12px 60px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn:before { left: 35px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn:nth-child(2)::before { left: 35px; }
.hm-ourwork-list { gap: 5px 14px; padding: 0 5px; }
.hm-ourwork-itm h5 { font-size: 16px; bottom: 75px; padding: 0 16px; }

.ftr-menu ul li a {
    font-size: 16px;
    padding: 0 0 0 18px;
}
.ftr-menu ul li a:before {
    width: 7px;
    height: 7px;
}
    .site-header.is-sticky .site-branding {
        width: 70px;
    }
.hm-ourwork-itm {
    border-radius: 17px;
}
.hm-faq-sec .accordion-profile ul li::before {
    width: 6px;
    height: 6px;
}
.hm-faq-sec .accordion-profile ul li {
    padding-left: 12px;
}


#main-navigation .sub-menu li a {
    font-size: 14px;
}
#main-navigation ul li ul.sub-menu {
    width: 200px;
}

}
 
@media screen and (max-width:1160px) {
 
}
 
@media screen and (max-width:1060px) {
 
}
 
@media screen and (max-width:1024px) {
 
}

@media screen and (max-width:991px) {
.container, .hm-testimonials-sec .container, .site-header .container, .hm-prctc-sec .container, .hm-about-sec .container {max-width: 720px;}



.mobile_src_nav {display: inline-block; position: relative; z-index: 99; float: none; background-color: #0c2435; }
button.showhide {display: block; }
.mobile_src_nav button.showhide b.txtr {position: absolute; top: 0; bottom: 0; left: 0; margin: auto; text-align: left; line-height: 27px; color: #fff; font-size: 0 !important; width: 18px; height: 2px; background-color: #fff; }
.mobile_src_nav button.showhide b.txtr::before {content: ""; width: 18px; height: 2px; background-color: #fff; top: -6px; position: absolute; }
.mobile_src_nav button.showhide b.txtr::after {content: ""; width: 18px; height: 2px; background-color: #fff; bottom: -6px; right: 0px !important; position: absolute; }

nav#main-navigation {
    display: none;
}
.logo-section {
    padding: 0 0 20px;
}
    .mobinav {
        display: block;
        background-color: transparent;
    }

.site-header .container {padding: 0; }
.site-header{ position: relative; background-color: #000; padding: 17px 0 0px; }
.topmenu{ display: none; }
.header-logo { width: 100%; max-width: 260px; }


    .hm-banner-sec {
        padding: 50px 0 ;
    }
    .hm-banner-sec:before{
        display: none;
    }

        .hm-bnr-btm-form-sec {
        margin: 0;
    }
        .hmbnr-editing-img {
        right: 10px;
        bottom: 20px;
        max-width: 120px;
    }   
    .hm-banner-sec p {
    font-size: 15px;
    letter-spacing: 0;
    margin: 0 0 20px;
    position: relative;
}
.hm-bnr-btns-lst{
    position: relative;
}
.hm-banner-sec p br{
    display: none;
}
.hm-banner-sec h1 {
    font-size: 45px;
    margin: 0 0 15px;
    position: relative;
}
a.cmn-btn {
    font-size: 15px;
}


    .hm-bnr-btm-form-sec {
        margin: 0;
        padding: 40px 0 15px;
    }
.text-heading { font-size: 40px; margin: 0 0 10px; }
.hm-bnr-btm-form ul li { width: 100%; }
.hm-bnr-btm-form ul { gap: 15px 6px; align-items: center; justify-content: center; max-width: 400px; width: 100%; margin: auto; }
.hm-bnr-btm-form::before, .hm-bnr-btm-form::after{display: none;}
.hm-bnr-btm-form { padding: 30px 30px 40px; border-radius: 10px; border: 3px solid #0a84ff; }

.hm-why-editvideo-sec { padding: 40px 0 50px; }
.hm-why-editvideo-sec .text-heading { margin: 0 0 25px; }
.hm-video-itm { padding: 15px 18px 30px; border-radius: 15px; outline-offset: -14px; width: 100%; max-width: 320px; margin: auto; }
.hm-video-blk.owl-carousel .owl-dots, .hm-our-servc-lst.owl-carousel .owl-dots {display: flex ; align-items: center; justify-content: center; gap: 8px; margin: 0 auto; }
.hm-video-blk.owl-carousel .owl-dots button.owl-dot, .hm-our-servc-lst.owl-carousel .owl-dots button.owl-dot { width: 12px; height: 12px; border: 1px solid #0c2435; border-radius: 50%; background-color: #0c2435; }
.hm-video-blk.owl-carousel .owl-dots button.owl-dot.active, .hm-our-servc-lst.owl-carousel .owl-dots button.owl-dot.active { background-color: #0a84ff; outline: 1px solid #0a84ff; outline-offset: 2px; border: 0; }
.hm-video-img { margin: 0 auto 20px; width: 65px; }
.about-blk { flex-direction: column-reverse; align-items: center; gap: 30px; }
.abt-left-cont { padding: 0; width: 100%;text-align: center;}
.abt-rite { margin-right: 0; width: 100%; max-width: 350px; }
.abt-rite-img { width: 70%; }
.abt-rite .rite-the-img { right: 10px; bottom: 0; padding: 20px 10px; border-radius: 15px 15px 0 0; max-width: 100px; }
.abt-left-cont h2 { font-size: 35px; letter-spacing: -1px; margin-bottom: 8px; }
.hm-about-sec { padding: 0 0 20px; }
.abt-left-cont h6 { font-size: 15px; }
.scroll-container ul li { margin: 0 7px; padding-right: 43px; font-size: 50px; letter-spacing: 2px; }
.scroll-container ul li::after { width: 30px; height: 30px; }
.hm-our-services-sec { padding: 30px 0 30px; }
.hm-pricing-sec { padding: 30px 0 30px; }
.hm-our-services-sec h2 { font-size: 38px; margin-bottom: 0px; }
.hm-our-servc-itm { padding: 10px 10px 20px; width: 100%; max-width: 320px; margin:0 auto;  box-shadow: 4.274px 7.924px 28.7px 8.3px rgba(23, 126, 210, 0.13);}
.our-servc-img::before { height: 50px; width: 50px; }
.our-servc-img { margin-bottom: 10px; padding: 0 0 18px; }
.our-servc-cnt h4 { font-size: 22px; margin-bottom: 10px; }
.hm-pricing-sec .text-heading { font-size: 35px; margin: 0 0 20px; }
.hm-editing-itm { border-radius: 10px; padding: 20px 10px 30px 15px; width: 100%; }
.hm-editing-list { flex-wrap: wrap; gap: 20px; align-items: center; justify-content: center;  width: 100%; max-width: 520px; margin: auto;}
.hm-editing-itm h3 { font-size: 25px; margin: 0px 0 20px; padding: 0 0 15px; }
.hm-editing-lst { margin: 0 0 20px; }
.hm-pricing-sec .tab-buttons { margin: 0 0 30px; }
 

.hm-testi-lst {
    align-items: center;
    flex-direction: column;
    gap: 20px;
}
.hm-testi-lft-btn {
    margin: 20px 0 0;
}
    .hm-testi-sec {
        padding: 50px 0;
    }
    .hm-test-btn h6 {
        font-size: 15px;
    }
    .hm-testi-blck h2 {
    font-size: 40px;
    letter-spacing: -0.45px;
    margin: 0 0 20px;
}
.hm-testi-lft {
    width: 100%;
    max-width: 420px;
}
    .testi-item .star-rat {
        width: 115px;
    }
    .testi-item h4 {
        font-size: 22px;
        margin: 0 0 10px;
    }
        .testi-item {
        padding: 0px 0 75px;
    }
        .testi-item h5::after {
        transform: scale(0.6);
    }
.testi-item h5 {
    bottom: 32px;
    font-size: 22px;
    padding: 0 0 0 90px;
}
    .hm-testi-list.owl-carousel .owl-nav button {
        transform: scale(0.65);
    }
        .hm-testi-list.owl-carousel .owl-nav {
        max-width: 75px;
        bottom: 35px;
        left: 92px;
    }
        .hm-testi-list.owl-carousel .owl-nav::after {
        height: 28px;
    }
    .hm-testi-rgt {
    width: 100%;
}
    .hm-testi-lft-btn a {
        font-size: 15px;
        padding: 14px 28px;
        border-radius: 6px;
    }
    .hm-test-tv {
    width: 100%;
    max-width: 250px;
}

.ftr-block-sec {padding: 40px 0 0; }
.ftr-list {margin: 0 0 25px; gap: 20px; flex-direction: column; }
.hm-ftr-lft {text-align: center; width: 100%; max-width: 320px; padding: 15px; margin: auto; border: 2px solid #072660; }
.ftr-menu {padding: 0; width: 100%; max-width: 320px; margin: auto; }
.ftr-block-list {width: 100%; padding: 0; }
.ftr-blks-lst {flex-direction: column; align-items: center; gap: 20px; }
.hm-ftr-center {width: 100%; max-width: 320px; padding: 20px; border: 2px solid #072660; }
.hm-ftr-rit {width: 100%; max-width: 320px; text-align: center; padding: 20px; border: 2px solid #072660; }
.hm-ftr-icons {justify-content: center; }
.ftr-copyrights-sec .cpy-inr {padding: 20px 0; }
.ftr-copyrights-sec p {font-size: 17px; line-height: 1.5; }
.hm-ftr-rit h6::after {right: 0; }
.hm-bnr-btm-form .text-heading {
    font-size: 35px;
}

 .hm-faq-sec .container{margin: auto;}
 
.hm-faq-sec {
        padding: 40px 0 40px;
    }
    .hm-faq-blck {
        flex-direction: column-reverse;
        gap: 10px;
    }
.hm-faq-lft { width: 100%; }
.hm-faq-lft h4 { font-size: 40px; margin: 0 0 12px; letter-spacing: -1px; text-align: center; }
.single-accordion { margin: 0 0 25px; }
.hm-faq-sec .accordion-profile h3 { padding: 10px 35px 10px 25px; font-size: 15px; background-size: 20px; background-position: right 10px center; }
    .hm-faq-sec .accordion-profile h3::after {
        top: 14px;
        left: 9px;
    }
.hm-faq-sec .accordion-profile-content { padding: 14px 14px 10px 23px; }
.hm-faq-btn { text-align: center; }
.hm-faq-rit { margin: 0px auto; width: 100%; max-width: 380px; }
 
 
.hm-tabing-blck.ourwork .tab-buttons .tab-btn { font-size: 14px; padding: 10px 30px 10px 50px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn:before { left: 25px; width: 15px; height: 15px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn:nth-child(2)::before { background-image: url(images/hm-tab-youtube-iocn.webp); height: 13px; width: 20px; left: 25px; }
.hm-tabing-blck.ourwork .tab-buttons .tab-btn:nth-child(3)::before { background-image: url(images/hm-tab-tiktok-iocn.webp); width: 14px; height: 15px; }
.hm-ourwork-itm h5 { font-size: 15px; bottom: 45px; }
.hm-ourwork-list { gap: 4px 10px; }
.hm-ourwork-sec { padding: 60px 0 45px; }

.hm-faq-sec .accordion-profile p,.hm-faq-sec .accordion-profile ul li {
        font-size: 15px;
    }
    .hm-faq-sec .accordion-profile h3 {
        font-size: 16px;
    }
    .our-servc-cnt {
    width: 100%;
}
    .hm-tabing-blck.ourwork .tab-buttons {
        gap: 10px;
        margin: 0px 0 10px;
    }
}

@media screen and (max-width:767px) {
.container,.hm-pricing-sec .container, .hm-testi-sec .container, .hm-faq-sec .container, .hm-ourwork-sec .container, .site-header .container {max-width: 100%;padding: 0 15px;}
     .hm-banner-sec h1 {
        font-size: 40px;
    }


    .hm-bnr-btm-form { padding: 30px 15px 30px; border-radius: 6px; border: 2px solid #0a84ff; }
.text-heading { font-size: 25px; margin: 0 0 10px; }
.hm-bnr-btm-form ul { gap: 10px 6px; }
.form-btn input { font-size: 15px; padding: 13px 12px; border-radius: 7px; }
.hm-why-editvideo-sec { padding: 20px 0 30px; }
.hm-why-editvideo-sec .text-heading { margin: 0 0 20px; }
.abt-left-cont h2 { font-size: 25px; letter-spacing: 0; margin-bottom: 8px; }
.abt-left-cont p { font-size: 14px; line-height: 1.6; margin-bottom: 17px; }
.scroll-container ul li { margin: 0 7px; padding-right: 37px; font-size: 30px; letter-spacing: 2px; }
.scroll-container ul li::after { width: 22px; height: 22px; }
.hm-our-services-sec h2 { font-size: 30px; margin-bottom: 10px; }
.hm-pricing-sec { padding: 20px 0 20px; }
.hm-pricing-sec .text-heading { font-size: 25px; margin: 0 0 17px; letter-spacing: 0; }
.hm-pricing-sec .tab-buttons { margin: 0 0 20px; }
.hm-pricing-sec .tab-buttons { margin: 0 0 20px; flex-wrap: wrap; }
.hm-editing-itm h3 { font-size: 22px; margin: 0px 0 10px; padding: 0 0 8px; }
.hm-editing-lst { margin: 0 0 15px; }
.hm-editing-itm { padding: 20px 10px 20px 15px; }
.hm-editing-list { gap: 15px; }
.hm-editing-lst ul li { font-size: 13px; line-height: 1.2; padding: 0 0 0 15px; margin: 0 0 13px; }
.hm-editing-lst ul li::after { width: 8px; height: 9px; top: 3px; }
 
 
    .hm-testi-blck h2 {
        font-size: 25px;
        letter-spacing: 0;
        margin: 0 0 20px;
    }
    .hm-bnr-btm-form .text-heading {
    font-size: 25px;
}
    .hm-faq-sec {
        padding: 30px 0;
    }
.hm-faq-lft h4 { font-size: 30px; margin: 0 0 10px; letter-spacing: 0px; text-align: center; }
.single-accordion { margin: 0 0 15px; }
.hm-faq-sec .accordion-profile h3 { padding: 8px 30px 8px 20px; background-size: 18px; background-position: right 8px center; }
.hm-faq-sec .accordion-profile h3::after { top: 12px; left: 6px; width: 6px; height: 6px; }
.hm-faq-sec .accordion-profile-content { padding: 10px 10px 8px 20px; }
.hm-faq-btn a.cmn-btn { padding: 12px 23px; }
 
.hm-ourwork-sec { padding: 40px 0 25px; }
.hm-tabing-blck.ourwork .tab-buttons { margin: 0 auto 15px; flex-direction: column; }
    .hm-tabing-blck.ourwork .tab-buttons .tab-btn {
        font-size: 14px;
        padding: 8px 22px 8px 45px;
        width: fit-content;
        margin: auto;
    }
.hm-ourwork-itm { width: 100%; max-width: 280px; }
    .hm-ourwork-itm h5 {
        bottom: 40px;
    }

        .hm-bnr-btm-form-sec {
        padding: 30px 0 10px;
    }



}
 
@media screen and (max-width:650px) {
.hm-test-tv {
    max-width: 220px;
}
}
 
@media screen and (max-width:560px) {

    .logo-section {
        flex-direction: column;
        gap: 15px;
    }
        .hm-banner-sec h1 {
        font-size: 35px;
    }

}

@media screen and (max-width:480px) {
 
        .hdr-cal a {
        font-size: 19px;
        padding: 0 50px 0 0;
    }
        .hdr-cal a:before {
        width: 40px;
        height: 25px;
    }
        .top-rit-lst {
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
        a.cmn-btn {
        padding: 12px 20px;
        border-radius: 6px;
        font-size: 15px;
    }


    .hm-banner-sec h1 {
        font-size: 30px;
    }
    .hm-bnr-btns-lst {
    flex-direction: column;
}

    .hm-testi-sec {
        padding: 40px 0;
    }
        .testi-item h4 {
        font-size: 20px;
    }
        .testi-item {
        padding: 0px 0 60px;
    }
        .testi-item h5::after {
        transform: scale(0.5);
    }
    .testi-item h5 {
    bottom: 25px;
    font-size: 20px;
    padding: 0 0 0 76px;
}
    .hm-testi-list.owl-carousel .owl-nav {
        max-width: 70px;
        bottom: 33px;
        left: 76px;
    }
        .hm-testi-list.owl-carousel .owl-nav button {
        transform: scale(0.6);
    }

.hm-test-tv {
    max-width: 170px;
}

}

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