@media (max-width: 1400px) {
    .header .headerNav ul {
        padding: 0 0 !important;
    }
    .header .headerNav ul li {
        padding: 0 10px !important;
    }
}
@media (max-width: 1100px) {
    .header .headerNav ul li a.esti_icon {
        display: none !important;
    }
    .header .headerNav ul li a.btnAnimated {
        font-size: 10px !important;
    }
    .btnAnimated:after {
        width: 18px !important;
        height: 18px !important;
        top: 11px !important;
        left: 12px !important;
        box-shadow: inset 0 0 0 4px #012A5D;
    }
    .btnAnimated {
        padding: 0 20px 0 42px !important;
    }
    .header .headerNav ul li {
        font-size: 14px !important;
        padding: 0 8px !important;
    }
    .main-banner {
        height: 525px !important;
    }
    .main-banner .textSection h1 span {
        font-size: 30px !important;
    }
    .main-banner .textSection h1 {
        font-size: 50px !important;
        line-height: 50px !important;
    }
    .main-banner .textSection h4 {
        font-size: 22px !important;
        color: #fff;
        line-height: 28px !important;
    }
    .main-banner .textSection .scrollMouse {
        margin-top: 35px !important;
    }
    .main-banner .textSection {
        padding-left: 85px !important;
    }
    .main-banner .textSection:before {
        width: 70px !important;
    }
    .casesBox ul {
        margin: 0;
        padding: 0;
    }
    .casesBox ul li .btnAnimated {
        display: none;
    }
    .casesBox ul li {
        width: 14.5% !important;
    }
    .advice_immediate_help .quoteBox p.right {
        padding-left: 40% !important;
    }
    .ribbon {
        left: -90px !important;
    }
    .main-help-sec h3 {
        font-size: 40px !important;
    }
}
@media (max-width: 767px) {
    ul.process-ul li{
        width: 100%;
    }
    ul.process-ul li.cstm-img {
        width: 85%;
        float: none;
        text-align: center;
    }
    .web-tabs-section .tab-content .mac-screenshot img{
        width:100% !important;
    }
    .main-overview-sec .over-hd{
        margin-bottom: 0px !important;
        font-size: 30px !important;
    }
    .maincta{
        text-align:center !important;
    }
    .maincta h3 strong{
        font-size: 30px !important;
    }
    .maincta h3{
    font-size: 26px !important;
    line-height: 35px !important;
    }
    .maincta .btn-radius-top{
        text-align: center !important;
        float: none !important;
    }
    .maincta .btn-radius-top a:first-child{
            margin-bottom: 15px !important;
    }
    .maincta .btn-radius-top a{
    padding: 8px 20px !important;
    font-size: 14px !important;
    display: flex !IMPORTANT;
    }
    .maincta .callsdivs{
            text-align: center;
    float: none !important;
    }
    .maincta .callsdivs a{
            font-size: 14px !important;
            display: block;
            border: 0 !important;
    }
    li.nav-item.dropdown.show {
   padding: 5px 0 0;
}
    .headerNav-mobile a img{
        margin-bottom:30px;
    }
    .headerNav-mobile .get_estimate{
            padding-top: 40px !important;
    }
    .navbar.navbar-expand-lg.navbar-light.navbar-offcanvas{
        padding: 0; 
    }
    .header.white .headerNav-mobile ul li a,
    .header.sticky .headerNav-mobile ul li a{
        color: #001e6a;
        text-align: center;
    }
    .headerNav-mobile .dropdown-menu{
            /*background: linear-gradient(135deg, #0098f5 40%, #001d6a 112%);*/
             background-color: #001e77;
             padding:0;
            
    }
    .headerNav-mobile .dropdown-menu .dropdown-item{
        color: #fff !important;
        text-align: center;
        border-bottom: 1px solid #fff;
        padding: 10px 0;
    }
    .headerNav-mobile .dropdown-menu .dropdown-item:last-child {
        border: none;
    }
    .header.white .btnAnimated.white, .header.sticky .btnAnimated.white{
        background: #fff;
        color: #000;
    }
    .headerNav-mobile{
        padding: 20px 0 0;
    }
    body .headerNav-mobile ul.navbar-nav li{
        padding: 5px 0;
            padding: 5px 0;
    border: 1px solid #fff;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
    }
    body .headerNav-mobile ul.navbar-nav li a.nav-link {
        color: #fff !important;
        font-size: 16px;
    }
    .headerNav-mobile .get_estimate a{
        color: #333;
    }
    .navbar .navbar-collapse{
        padding-left: 0;
        padding-right: 0;
        background: linear-gradient(135deg, #001965 0%, #0098f5 100%);
    }
    .caseStudySlider .csHomeWrapper .cshomeSlide .hoverContent{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .navbar.navbar-dark.navbar-offcanvas{
        display: inline-block;
        right: 0;
        float: right;
    }
    .contact-nav{
        display: none;
    }
    .caseStudySlider .csHomeWrapper .cshomeSlide{
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    body .header .headerNav ul.contact-nav{
        margin: 0; 
    }
    .header .headerNav ul li{
        display: block;
        text-align: center;
    }
    body .header .logo {
        width: 100%;
        z-index: 0;
    }
    .header .logo a {
        display: inline-block;
    }
    .navbar-expand-lg .navbar-toggler {
        position: absolute !important;
        right: 0 !important;
        background-color: #006dc4;
        border: 1px solid #f8f9fa;
    }
    .inner-page .textSection:before {
        content: none;
    }
    .main-banner .textSection h4 {
        width: 100% !important;
        margin: 0 !important;
    }
    .main-banner .textSection {
        padding-left: 0 !important;
        padding-top: 25% !important;
    }
    .main-banner .textSection .type-wrap {
        min-height: 0px !important;
    }
    .main-banner .textSection h1 {
        font-size: 32px !important;
        line-height: 41px !important;
    }
    .main-banner .textSection h4 {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .casesBox {
        text-align: center;
        padding: 40px 0;
        margin: -70px auto 0px;
    }
    .casesBox ul li {
        width: 33.3% !important;
    }
    .casesBox .viewMobile {
        display: block;
        font-size: 22px;
    }
    .calavaxian-sec {
    padding: 50px 0px 240px !important;
    text-align: center;
    }
    .calavaxian-sec .content {
        padding: 0 !important;
    }
    .calavaxian-sec .content:before {
        display: none;
    }
    .calavaxian-sec h3 {
        font-size: 45px !important;
        line-height: 40px !important;
        margin-bottom: 20px;
    }
    .main-services-sec{
            padding: 60px 0 !important;
    }
    .caseStudySlider {
    padding-top: 60px !important;
}
    .main-services-sec h4,
    .main-packs-sec h4 {
        font-size: 20px !important;
        padding: 0 10px;
        margin: 0 0 10px 0px;
    }
    .main-services-sec h3,
    .main-packs-sec h3 {
        font-size: 24px !important;
        line-height: 20px !important;
    }
    .main-services-sec p.serve-t {
        padding: 0 20px !important;
    }
    .main-help-sec {
        color: #012a5e;
        padding: 60px 0 !important;
    }
    .main-help-sec a.btn {
        margin: 30px 0 60px !important;
        text-align: center;
    }
    .main-packs-sec p.pack-t {
        padding: 0 0px !important;
        margin: 20px 0 !important;
    }
    .pricing-box {
        margin-bottom: 30px;
    }
    .ribbon {
        left: -170px !important;
        font-size: 14px !important;
    }
    .main-work-sec {
        text-align: center;
    }
    .main-work-sec h4 {
        margin: 0px 0 40px !important;
    }
    footer {
        text-align: center;
    }
    footer .newsletter_form fieldset .form-control {
        width: 60% !important;
        margin: auto;
    }
    .caseStudySlider .csHomeWrapper .cshomeSlide .hoverContent p {
        /* font-size: 17px !important; */
        padding: 0px 20px 20px;
        line-height: 22px;
        /* min-height: 150px; */
    }
    .pricing-item .pricing-body .price-wrapper .price {
        font-size: 30px !Important;
    }
    .pricing-item .pricing-body i.fas.fa-dollar-sign {
        font-size: 70px !important;
        left: 25% !important;
    }
    .pricing-item .pricing-body .price-wrapper {
        width: 70% !important;
    }
    .testimonial .single-review .reviewr .content .name {
        font-size: 14px !important;
    }
    .testimonial .single-review .reviewr .content p {
        font-size: 12px !important;
    }
    .location-section .box {
        width: 100% !Important;
    }
    ul.footer-quicklinks {
        text-align: center !important;
    }
    footer:after {
        bottom: 10% !important;
    }
    .testimonial .single-review .content p {
        margin-bottom: 0px;
        font-size: 12px !important;
    }
    .advice_immediate_help .quoteBox p.right {
        padding-left: 0% !important;
        text-align: center !important;
    }
    .advice_immediate_help {
        text-align: center !important;
        padding: 60px 0 !important;
    }
    .modal .popup-img {
        display: none !important;
    }
    .modal .popup-content {
        width: 90% !important;
    }
    .main-packs-sec {
            padding: 60px 0 20px !important;
    }
    /*packages*/
    .pricing-tab .tab-menu #my-tab .nav-item .nav-link {
        margin: 0 8px 15px !important;
    }
    /*packages*/
    /*portfolio*/
    .sechead p {
        padding: 0 !important;
    }
    .nav-tabs.toptabs1 li {
        width: auto !important;
    }
    .nav-tabs.toptabs1 li a {
        padding: 8px 12px !important;
    }
    /*portfolio*/
    /*reviews*/
    .main-overview-sec {
        padding: 50px 0 0 0 !important;
    }
    .main-overview-sec .over-para {
        padding: 0 0 !important;
    }
    .main-banner .textSection h1 span {
        font-size: 25px !important;
    }
    /*reviews*/
    /*Contact-page*/
    .contact .contact-form-wrapper:before{
        width:100% !important;
    }
    /*Contact-page*/
    }
    .web-tabs-section{
        text-align:center !important;
    }
    .headerNav-mobile .dropdown-menu .dropdown-item:hover{
    color:#001e6a !important;
}
}
@media (max-width: 500px) {

    .main-banner .textSection h4 {
        width: 100% !important;
        margin: 0 !important;
    }
    .main-banner .textSection {
        padding-left: 0 !important;
        padding-top: 25% !important;
    }
    .main-banner .textSection .type-wrap {
        min-height: 0px !important;
    }
    .main-banner .textSection h1 {
        font-size: 32px !important;
        line-height: 28px !important;
    }
    .main-banner .textSection h4 {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .casesBox {
        text-align: center;
    }
    .casesBox ul li {
        width: 33.3% !important;
    }
    .casesBox .viewMobile {
        display: block;
        font-size: 22px;
    }
    .calavaxian-sec {
        padding: 30px 20px !important;
        margin: 0px 0 200px !important;
        text-align: center !important;
    }
    .calavaxian-sec .content {
        padding: 0 !important;
    }
    .calavaxian-sec .content:before {
        display: none;
    }
    .calavaxian-sec h3 {
        font-size: 45px !important;
        line-height: 40px !important;
        margin-bottom: 20px;
    }
    .main-services-sec h4,
    .main-packs-sec h4 {
        font-size: 18px !important;
    }
    .main-services-sec h3,
    .main-packs-sec h3 {
        font-size: 20px !important;
    }
    .main-services-sec p.serve-t {
        padding: 0 20px !important;
    }
    .main-help-sec {
        color: #012a5e;
        padding: 40px 0 !important;
    }
    .main-help-sec a.btn {
        margin: 30px 0 !important;
    }
    .main-packs-sec p.pack-t {
        padding: 0 20px !important;
    }
    .pricing-box {
        margin-bottom: 30px;
    }
    .ribbon {
        left: -170px !important;
        font-size: 14px !important;
    }
    .main-work-sec {
        text-align: center;
    }
    .main-work-sec h4 {
        margin: 0px 0 40px !important;
    }
    footer {
        text-align: center;
    }
    footer .newsletter_form fieldset .form-control {
        width: 60% !important;
        margin: auto;
    }
    .caseStudySlider .csHomeWrapper .cshomeSlide .hoverContent p {
        font-size: 17px !important;
        padding: 0px 20px 20px;
        line-height: 22px;
        min-height: 150px;
    }
    .pricing-item .pricing-body .price-wrapper .price {
        font-size: 30px !Important;
    }
    .pricing-item .pricing-body i.fas.fa-dollar-sign {
        font-size: 70px !important;
        left: 25% !important;
    }
    .pricing-item .pricing-body .price-wrapper {
        width: 70% !important;
    }
    .testimonial .single-review .reviewr .content .name {
        font-size: 14px !important;
    }
    .testimonial .single-review .reviewr .content p {
        font-size: 12px !important;
    }
    .location-section .box {
        width: 100% !Important;
    }
    ul.footer-quicklinks {
        text-align: center !important;
    }
    footer:after {
        bottom: 10% !important;
    }
    .testimonial .single-review .content p {
        margin-bottom: 0px;
        font-size: 12px !important;
    }
    .advice_immediate_help .quoteBox p.right {
        padding-left: 0% !important;
        text-align: center !important;
    }
    .advice_immediate_help {
        text-align: center !important;
    }
    .modal .popup-img {
        display: none !important;
    }
    .modal .popup-content {
        width: 90% !important;
    }
    /*packages*/
    .pricing-tab .tab-menu #my-tab .nav-item .nav-link {
        margin: 0 8px 15px !important;
    }
    /*packages*/
    /*portfolio*/
    .sechead p {
        padding: 0 !important;
    }
    .nav-tabs.toptabs1 li {
        width: auto !important;
    }
    .nav-tabs.toptabs1 li a {
        padding: 8px 12px !important;
    }
    /*portfolio*/
    /*reviews*/
    .main-overview-sec {
        padding: 50px 0 0 0 !important;
    }
    .main-overview-sec .over-para {
        padding: 0 0 !important;
    }
    .main-banner .textSection h1 span {
        font-size: 24px !important;
    }
    /*reviews*/

}
@media (max-width: 414px) {
    .main-services-sec h4,
    .main-packs-sec h4 {
        font-size: 16px !important;
    }
    .calavaxian-sec {
        margin: 0px 0 80px !important;
    }
    .main-services-sec h4,
    .main-packs-sec h4 {
        font-size: 16px !important;
        line-height: 30px !important;
    }
    .caseStudySlider p {
        margin: 15px 0 !important;
    }
    .caseStudySlider .csHomeWrapper .cshomeSlide .hoverContent p {
        /* padding: 150px 20px 20px !important; */
        /* line-height: 28px !important; */
    }
    .location-section h3 {
        font-size: 30px !important;
    }
    .location-section p {
        font-size: 12px !important;
    }

    .calavaxian-sec h3,
    .caseStudySlider h3,
    .main-help-sec h3,
    .section-heading .title {
        font-size: 40px !important;
    }
    .modal .popup-img {
        width: 80% !important;
        display: none !important;
    }
    .main-help-sec ul li p.ul-t,
    .advice_immediate_help p,
    .advice_immediate_help p {
        font-size: 14px !important;
        line-height: 22px !important;
        padding-right: 0 !important;
        margin: 0;
    }
}
@media (max-width: 320px) {
    .casesBox ul li {
        width: 46.3% !important;
    }
    .calavaxian-sec {
        padding: 60px 0px !important;
    }
    .main-services-sec h4,
    .main-packs-sec h4 {
        font-size: 19px !important;
        line-height: 20px !important;
    }
    .main-services-sec h3,
    .main-packs-sec h3 {
        font-size: 26px !important;
    }
    .main-services-sec p.serve-t {
        padding: 0 0px !important;
    }
    .caseStudySlider .csHomeWrapper .cshomeSlide .hoverContent p {
        /* padding: 60px 20px 20px !important; */
        /* line-height: 25px !important; */
    }
    .main-help-sec h3 {
        font-size: 25px !important;
        text-align: center;
    }
    .main-help-sec p.help-t {
        font-size: 14px !important;
        line-height: 22px !important;
        margin: 0px 0 !important;
        text-align: center;
    }
    .advice_immediate_help {
        background: #edf1f5;
    }
    .advice_immediate_help h4 {
        font-size: 25px !important;
        line-height: 26px;
    }
    .main-help-sec ul li p.ul-t,
    .advice_immediate_help p,
    .advice_immediate_help p {
        font-size: 14px !important;
        line-height: 22px !important;
        padding-right: 0 !important;
        margin: 0;
    }
    .popup-content h2 {
        font-size: 16px !important;
        line-height: 16px !important;
    }
    .pricing-item .pricing-body i.fas.fa-dollar-sign {
        font-size: 55px !important;
        left: 22% !important;
    }
}