@media (min-width:1500px){
    .container{
        max-width:1280px
    }
}
@media (min-width:1800px){
    .container{
        max-width:1440px
    }
}
@media only screen and (max-width:1800px){
    .aboutWrap h2{
        font-size:3rem
    }
    .aboutWrap .btnWrap{
        margin:3rem 0 1rem
    }
    .lpBanner figure{
        width:28rem;
        z-index:111
    }
    .lpBanner .lpImg{
        right:3rem
    }
    .lpBanner figure{
        left:3rem
    }
}
@media only screen and (max-width:1600px){
    .main-slider{
        /*height:calc(100% - 2.5rem);*/
        height: auto;
        padding-top:4rem
    }
    .blogInner figure{
        width:auto
    }
    .lpBanner figure{
        width:25rem;
        z-index:111
    }
    .marketingimg,.innerBanner figure{
        width:26rem
    }
}
@media only screen and (max-width:1440px){
    html{
        font-size:15px
    }
    section,.pubPerkSec{
        padding:2rem 0
    }
    .main-slider h2{
        line-height:1.4
    }
    .aboutWrap h2{
        line-height:1
    }
    .pubWrap{
        padding:3rem
    }
    .weProvideSec{
        padding:3rem 0
    }
    h2{
        font-size:2.25rem
    }
    h3{
        font-size:1.6rem
    }
    .perkBox{
        min-height:19rem
    }
    .pubImg{
        margin:0 5px 1rem 5px
    }
    .pubBox .circle{
        width:4rem;
        height:4rem;
        margin:0 auto -2rem
    }
    .logoForm .logo5{
        margin:8rem 7rem 0 0
    }
    .pubImg img{
        margin:0 auto;
        box-shadow:0 5px 6px #00000096
    }
    .lpBanner figure{
        width:22rem;
        left:0
    }
    .lpBanner .lpImg{
        right:0
    }
    .lptopBar ul li{
        font-size:1rem
    }
    .stepBanner p,.discountStrip>span{
        font-size:1.25rem
    }
    .discountStrip{
        padding:5px;
        margin:-3.5rem 0 3rem
    }
    .discountStrip h2{
        margin:0;
        font-size:2.5rem;
        line-height:1
    }
    .lpBanner .partnersLogos{
        display:none
    }
    .packageBox h4.packgeLast{
        padding:1.15rem 0
    }
}
@media only screen and (max-width:1366px){
    .home .svg-container img{
        width:25rem
    }
    .themeBtn,.themeBtn-border,.themeBtn-black{
        font-size:1.125rem;
        padding:.8rem 2.5rem;
        border-radius:10px
    }
    header .navbar{
        padding:10px 1rem;
        border-radius:1rem
    }
    header .navbar:before{
        border-radius:1rem
    }
    header .navbar .logo img{
        width:6rem
    }
    header .navbar .themeBtn{
        padding:.7rem 2rem;
        font-size:1.125rem
    }
    header .topBar .contList{
        margin-left:-2rem
    }
    .innerBanner h2{
        line-height:1.1;
        font-size:2.3rem
    }
    .innerBanner figure{
        width:23rem;
        margin-left:auto
    }
    .blogInner figure{
        width:auto
    }
    .contactInfo .container{
        margin-top:-5rem
    }
    .serBox{
        padding:1rem;
        min-height:28rem
    }
    .serBox h5{
        min-height:4rem
    }
    .serBox ul{
        min-height:10rem
    }
    .portInner .blueBox-2::before{
        right:-5%
    }
    .contactInfo ul li a,.contactInfo ul li i{
        font-size:1.125rem;
        font-weight:400
    }
    .contactInfo ul li a{
        padding:1rem 0
    }
    .contactInfo .container{
        margin-top:0
    }
    .lpBanner h2{
        font-size:2rem
    }
    .packageBox h4{
        font-size:2.5rem;
        padding:10px 0
    }
    .packageBox{
        padding:1.5rem 10px 10px
    }
    .packageBox h3{
        font-size:2.25rem
    }
    .radioOption label:after{
        top:6px
    }
}
@media only screen and (max-width:1199px){
    h2{
        font-size:2.5rem
    }
    h3{
        font-size:1.6rem
    }
    header .topBar .contList{
        margin-left:-4rem;
        gap:2rem
    }
    header .topBar{
        padding:.6rem 0
    }
    header .navbar .logo img{
        width:5rem
    }
    .main-slider{
        padding-top:0
    }
    .themeBtn,.themeBtn-border,.themeBtn-black{
        padding:.5rem 2.5rem;
        border-radius:.5rem;
        font-size:1.125rem
    }
    .logoSec .logoSlider li{
        border-radius:.5rem
    }
    .aboutWrap,.pubWrap,.influenceWrap,.teamBox,.ctaSec .container{
        border-radius:2rem
    }
    .aboutWrap h2,.aboutInner .aboutWrap h2{
        font-size:2.5rem;
        line-height:1
    }
    .aboutWrap h4{
        font-size:1.125rem;
        line-height:1.5
    }
    .aboutWrap p{
        font-size:1rem
    }
    .perkBox{
        min-height:14rem;
        border-radius:1.25rem
    }
    .perkBox p{
        min-height:8rem
    }
    .pubBox .botom,.publishWorldInner .pubBox .botom{
        min-height:14rem
    }
    .publishWorldSec{
        padding:3rem 0
    }
    footer p{
        font-size:1rem
    }
    .teamBox .overlay-text{
        padding:1rem;
        align-items:flex-start
    }
    .blogInner figure{
        width:auto
    }
    .main-slider,.innerBanner{
        /*height:calc(100% - 2.5rem)*/
        height: auto;
    }
    .logoForm .logo2,.logoForm .logo,.logoForm .logo1{
        width:6rem;
        height:6rem
    }
    .lpBanner figure{
        display:none
    }
    .lptopBar ul li{
        font-size:1rem
    }
    .lpBanner{
        align-items:center!important
    }
    .main-slider.lpBanner .contactBoxs .schtech{
        left:-4rem;
        width:10rem
    }
    ul.listStyle{
        list-style-type:disc;
        padding-left:1.5rem;
        background:var(--white);
        border-radius:10px;
        padding:0 0 0 1.5rem;
        transition:all 0.5s ease;
        margin:1rem 0
    }
    .packageBox .themeBtn{
        padding:10px
    }
    .summary h2{
        font-size:1.8rem
    }
    .step3Form h4{
        font-size:2rem
    }
    .main-slider.lpBanner .signupForm h4,.lpBanner .btnWrap{
        margin:0
    }
}
@media only screen and (max-width:991px){
    .contList{
        gap:2rem
    }
    header .navbar,header .navbar:before{
        border-radius:20px
    }
    .navbar-collapse{
        position:fixed;
        top:0;
        bottom:0;
        right:-100%;
        background:var(--secondry);
        z-index:4;
        width:calc(100% - 0px);
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
        padding:3rem 2rem;
        transition:ease all 0.5s
    }
    .navbar-collapse.show{
        right:0;
        width:calc(100% - 0px);
        box-shadow:-10px 0 20px #0002;
        overflow-y:auto
    }
    header .navbar .navbar-collapse .navbar-nav{
        margin-left:0!important;
        align-items:flex-start;
        gap:1.5rem
    }
    .mobTogleOpt{
        display:flex;
        gap:0 2rem
    }
    .summary{
        margin-top:1rem
    }
    .mobTogleOpt a i{
        color:var(--primary);
        font-size:1.25rem
    }
    .navbar-toggler{
        position:relative;
        border:0;
        padding:0;
        margin-right:1rem;
        z-index:5;
        font-size:1rem;
        color:var(--primary)
    }
    .navbar-toggler:focus{
        box-shadow:none
    }
    .navbar-toggler.collapsed .fa::before{
        content:"\f0c9"
    }
    .navbar-toggler[aria-expanded="true"] .fa:before{
        content:"\f00d";
        color:var(--white)
    }
    header .navbar .navbar-nav .nav-item .nav-link{
        text-align:left!important;
        color:var(--white)
    }
    header .navbar .navbar-collapse .navbar-nav img{
        width:8rem;
        margin-bottom:1rem
    }
    header .navbar .navbar-nav .nav-item .nav-link{
        font-size:1.25rem
    }
    header .navbar .navbar-nav .dropdown-menu ul li{
        padding:8px 0;
        border-radius:0;
        min-height:auto;
        border-bottom:1px solid #ededed5c;
        max-width:100%;
        flex:0 0 100%
    }
    header .navbar .navbar-nav .dropdown-menu ul li a{
        padding:0
    }
    header .navbar .navbar-nav .dropdown-menu ul li a h3{
        font-size:1.5rem
    }
    header .navbar .navbar-nav .dropdown-item p{
        font-size:1rem;
        line-height:1.5
    }
    header .navbar .navbar-nav .nav-item .themeBtn{
        background:var(--theme-color);
        color:var(--black);
        font-size:1.25rem
    }
    header .navbar .logo img {
        width: 7rem;
    }
    .home .svg-container,header .navbar .themeBtn,.innerBanner figure,.portInner img,.main-slider p br,.aboutWrap img,.logoForm,.faqSec img,.main-slider img{
        display:none
    }
    .brands-images{
        justify-content:space-between;
        margin-top:1rem
    }
    .main-slider {
        padding-top: 70px;
    }
    .main-slider .brands-images img{
        display:block;
        width:100px
    }
    .main-slider h2{
        font-size:4rem
    }
    .main-slider p{
        font-size:1.5rem
    }
    .aboutWrap,.pubWrap{
        padding:1.5rem
    }
    .aboutWrap,.pubWrap,.influenceWrap,.teamBox,.ctaSec .container,.serInnerBox,.serBox,.exceptionalBox,.signupForm,.portInner .blueBox{
        border-radius:1.5rem
    }
    .influenceWrap{
        padding:5rem 2rem 2rem;
        border-radius:0 0 1.5rem 1.5rem
    }
    .projectSec ul li h6 .count,.projectSec ul li h6{
        font-size:2rem
    }
    .portInner .blueBox{
        background:#f0f0f08a;
        margin-bottom:1rem;
        padding:1.5rem
    }
    .portInner .blueBox:before{
        content:none
    }
    .stepBanner .headingStyleThree h2{
        font-size:4rem
    }
    .congbanner{
        padding:3rem 0 0
    }
    .lptopBar ul{
        padding:1.25rem 1rem
    }
    .lptopBar ul li,.lptopBar ul li a{
        font-size:12px
    }
    .lptopBar .themeBtn{
        padding:8px
    }
    .serBox .line,.serBox .themeBtn-black{
        visibility:visible;
        opacity:1
    }
    .lptopBar ul{
        background:#fff0;
        box-shadow:none;
        margin:0;
        justify-content:flex-end
    }
    .lptopBar ul li a{
        font-size:0
    }
    .lptopBar ul li a i{
        font-size:1rem
    }
    .servicesForm{
        padding:0rem 1rem 1rem;
        border-radius:.5rem
    }
    .servicesList{
        border-radius:5px
    }
    .servicesList .checkBoxStyle{
        padding:10px 1rem
    }
    .inputGroup .form-control{
        border-radius:5px
    }
    .lpBanner{
        padding-top:0
    }
    .lpBanner.publishLpOne{
        height:auto!important
    }
    .lpBanner.publishLpOne .contentBox{
        min-height:100vh;
        margin:0 -10px;
        padding:1rem;
        display:flex;
        flex-direction:column;
        justify-content:center
    }
    .main-slider.lpBanner .signupForm{
        margin-left:0
    }
    .lpContactSec .logoForm .logo{
        width:6rem;
        height:6rem;
        padding:8px
    }
    .listProcess li label{
        margin:0
    }
    .btnUplod p{
        font-size:1rem;
        top:8px
    }
    .btnUplod p i{
        font-size:2rem
    }
    .btnUplod{
        padding:10px
    }
    .servicesForm label{
        margin-top:15px
    }
    .servelistStep .checkBoxStyle label{
        margin:0!important
    }
    .radioOption label:after{
        top:6px
    }
    .labelSer{
        display:none
    }
    .stepOnee.accordionStyle .accordion-item{
        box-shadow:none
    }
}
@media only screen and (max-width:767px){
    h2,.aboutWrap h2,.aboutInner .aboutWrap h2{
        font-size:2rem
    }
    /*header{
        background:var(--secondry)
    }*/
    header .navbar{
        position:unset;
        border-radius:0;
        box-shadow:none;
        padding:30px 0 0 0;
    }
    header .navbar:before,.logoSec .logoSlider::before,.logoSec .logoSlider::after,.pubLogoCarousel:before,.pubLogoCarousel:after{
        content:none
    }
    header .topBar,.title h2 br,h2 br,p br{
        display:none
    }
    .stepHeader .topBar{
        display:block
    }
    header .topBar .contList a{
        font-size:0
    }
    header .topBar .contList a i{
        font-size:1rem
    }
    header .navbar .navbar-nav .nav-item .nav-link{
        font-size:1.125rem
    }
    .main-slider,.innerBanner{
        height:auto;
        background:none;
        /*border-top:1px solid #474747*/
    }
    .main-slider {
        padding-top:0;
    }
    .main-slider h2{
        font-size:2.2rem
    }
    .pubPerkSec .themeBtn-black{
        border-color:var(--primary)
    }
    .publicationCarousel .slick-dots{
        bottom:-40px
    }
    .serBox{
        min-height:auto
    }
    .serBox ul{
        min-height:auto
    }
    .serBox .line{
        display:none
    }
    .exceptionalBox:hover{
        transform:none
    }
    .main-slider h4,.ctaSec .ctaContnt p{
        font-size:1.25rem
    }
    .main-slider p,.contactInfo ul li,.contactInfo ul li a,.contactInfo ul li i{
        font-size:1rem
    }
    .pubBox .botom h4,.bookKindBox a{
        font-size:1.25rem;
        font-weight:600
    }
    .testiThumb .img img{
        width:7rem;
        border:5px solid #fff
    }
    .copyRight ul{
        justify-content:center
    }
    .copyRight p{
        text-align:center
    }
    .testiThumb{
        padding:2rem 1rem 1rem
    }
    .aboutWrap,.pubWrap,.publishWorldSec,.aboutInner .aboutWrap{
        /*background-image:linear-gradient(to right top,#0193d2,#028ac5,#0381b8,#0479ab,#05709f)!important*/
    }
    .exceptionalSec,.ctaSec .container,footer{
        background:var(--secondry)
    }
    .teamSec{
        background:#f7f7f7
    }
    .faqSec{
        background:var(--white)
    }
    .teamSec .nav-tabs .nav-link{
        border:1px solid #e5e5e5cc
    }
    .logoSec .logoSlider{
        border-left:0;
        padding-left:0
    }
    .btnWrap{
        margin:1rem 0;
        flex-direction:column;
        text-align:center
    }
    .serBox,.ctaSec .container{
        padding:1rem
    }
    .aboutWrap,.pubWrap,.influenceWrap,.teamBox,.ctaSec .container,.serInnerBox,.serBox,.exceptionalBox,.signupForm,.portInner .blueBox{
        border-radius:1rem
    }
    .projectSec ul{
        flex-flow:row wrap
    }
    .projectSec ul li{
        flex:0 0 48%;
        width:48%;
        height:13.5rem;
        border:2px solid #ebebeb
    }
    .projectSec ul li:last-child{
        border-right:2px solid #ebebeb
    }
    .publicationCarousel .slick-slide{
        display:flex;
        justify-content: center;
    }
    .pubBox .botom,.publishWorldInner .pubBox .botom{
        min-height:auto
    }
    .teamSec .nav-tabs .nav-link{
        padding:10px 1rem;
        font-size:1rem
    }
    .ctaSec .container{
        border-radius:0
    }
    .accordionStyle .accordion-item{
        box-shadow:0 0 20px #0002
    }
    .portInner .blueBox:hover *{
        color:var(--black)
    }
    .contactInfo ul{
        align-items:flex-start;
        flex-direction:column;
        gap:1rem
    }
    .contactInfo,.servicesCarousel .slick-track{
        padding:0
    }
    .contactInfo .container{
        border-radius:0;
        margin:0;
        padding:1rem
    }
    .stepBanner{
        padding:1rem 0 4rem
    }
    .stepBanner h2{
        font-size:1.75rem
    }
    .discountStrip h2{
        font-size:2rem
    }
    .servicesList,.questionList{
        justify-content:center;
        gap:10px
    }
    .servicesList li{
        flex:0 0 48%
    }
    .stepBanner .headingStyleThree h2{
        font-size:2.5rem
    }
    .stepBanner p{
        font-size:13px
    }
    .lptopBar ul li a{
        font-size:0
    }
    .lptopBar ul{
        background:none
    }
    .lptopBar a img{
        width:5rem
    }
    .lptopBar ul{
        justify-content:flex-end
    }
    .lptopBar ul li i{
        font-size:1.25rem
    }
    .lpBanner,.lpBanner.publishLpOne{
        height:auto!important;
        min-height:auto!important
    }
    .lpBanner:before{
        content:none
    }
    .lpBanner .listStyle{
        margin:1rem 0
    }
    .lpBanner.publishLpOne .contentBox{
        padding:1rem;
        min-height:calc(100vh - 4.2rem)
    }
    .main-slider.lpBanner .signupForm{
        padding:1.5rem 1rem 2rem
    }
    .aboutWrap,.servicesCarousel .slick-track{
        margin:0
    }
    .lpContactSec .logoForm{
        flex-direction:column;
        gap:1rem
    }
    .lpContactSec .logoForm .logoRowOne,.lpContactSec .logoForm .logoRowTwo,.lpContactSec .logoForm .logoRowThree{
        width:100%
    }
    .main-slider.lpBanner .signupForm{
        margin:0 -10px;
        border-radius:0
    }
    .thankyouBanner{
        background:linear-gradient(329deg,#006f9e,#009ce0)!important
    }
    .step3Form{
        padding:1rem
    }
    .thankyouBanner::before{
        display:none
    }
    .thank-hdr{
        padding:1rem;
        background:none
    }
    .testiThumb .quote img{
        display:none
    }
    .testiThumb{
        min-height:auto
    }
    .testiThumb h4{
        margin-bottom:1rem;
        font-size:1.5rem
    }
    footer.contactBoxs .accordionStyle .accordion-item{
        border-radius:8px
    }
    .portInner .blueBox h4{
        font-size:1.5rem
    }
    .lpheader{
        padding:5px 0;
        position:unset
    }
    .home .text-typed{
        text-transform:capitalize;
        padding:0 0
    }
    .lpBanner h4{
        margin:1rem 0
    }
    .lpBanner.publishLpOne .contentBox h4{
        margin:0
    }
    .lpBanner.publishLpOne .contentBox h2{
        font-size:1.875rem;
        margin:0
    }
    .stepTwo .servicesForm .themeBtn,.servicesForm .themeBtn{
        width:100%
    }
    .discountStrip>span{
        font-size:1.5rem
    }
    .servicesForm .themeBtn{
        font-size:1rem;
        padding:.8rem 1.5rem
    }
    .btnUplod p{
        left:1rem;
        transform:none
    }
    .packageBox{
        margin:1.5rem 0
    }
    .listProcess .checkBoxStyle{
        padding:0
    }
    .main-slider.lpBanner .signupForm h4{
        font-size:1.75rem
    }
    .slick-dots li{
        margin:0 3px
    }
    .slick-dots li button{
        width:.5rem;
        height:.5rem
    }
    .slick-dots li.slick-active button{
        width:2rem
    }
}