/* Smartphones (landscape) ----------- */
   @media only screen and (min-width : 1000px) {
    .navbar-toggler{display:none}
    }
    
    /* Smartphones (portrait) ----------- */
    @media only screen and (max-width : 320px) {
    /* Styles */
    }

    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-width : 320px) and (max-width : 467px) {
        .res-sm-hide{display:none !important;}
        .res-show{display:inline !important}
        .head-wrap {padding: 60px 10px;}
        header {padding:14px 15px !important;}
        .navbar-toggler{float: right !important;margin-top: 10px !important;}
        nav.navbar.navbar-expand-lg {float: right;width: 100% !important;}
        #navbarTogglerDemo02 {background:#27c0e1;height: 100vh;}
        .nav-item {padding-left:30px;margin-bottom:11px;border-bottom: 1px solid #ffffff1a;padding-bottom:12px;}
        .nav-link {font-weight: 600;}
        .form-inline.my-2.my-lg-0.nav-req_btn {padding-left: 20px;}
        .navbar-brand{padding-top:8px;padding-left:8px; margin-right: 1px !important;}
        .navbar {padding: 8px 0px !important;}
        .navbar-nav {padding-top: 10px;}
        .btn.btn-outline-white.my-2.my-sm-0.req-quote {font-weight: 600;}
        .navbar-brand img{width:89%; }
        .navbar-toggler {padding:9px 13px !important;background-color:#6cdede80  !important;border-radius:50% !important;}
        .hero-section {padding: 50px 1px 10px 2px !important;}
        .hero-section_title {padding-bottom:25px;padding-left:26px !important;}
        .hero-section_title h1 {font-weight: 700;padding-bottom: 10px;font-size: 24px;}  
        .hero-section_title h2 {font-size: 20px;}
        .hero-section_1, .hero-section_2, .hero-section_3 {height:60px;}
        .hero-section h3 {display: inline;font-size: 20px;}
        .herosForm-top {min-height: 490px !important;}
        .herosForm-section.herosForm-top {padding:45px 16px !important;margin-top: 60px;margin-left: 0px;}
        .herosForm-align {padding-right: 5px !important;padding-left: 5px !important;}
        .nav-content nav ul a.active {padding-bottom:8px;border-bottom: 3px solid #2bcabb;}
        .nav-content nav ul li {display:inline-block;padding:10px;color: #004d67;font-size:14px;font-weight:600;}
        .res-nav-hide{display:none}
        .nav-content {margin-bottom: 55px;}
        .about-section_bk {background-position:165% 75%;background-size:300px;}
        .about-section_title h3 {font-size: 16px;padding-bottom: 15px;}
        .about-section_title h1 {text-align: center;color: #004d67;font-size: 24px;width:91%;margin:0 auto;           
            min-width: 280px;padding-bottom: 25px;}
        .about-section_title h1 br{display:none;}
        .about-section_card_01, .about-section_card_02, .about-section_card_03,
        .about-section_card_04 {background-position: 97% 89%;padding:20px;font-size: 18px;background-size:94px 84px;}
        .about-section {padding-bottom:30px;}
        .about-section_card .col-md-6 {padding: 12px 30px;}
        .article-section {padding-top:45px;padding-bottom:30px;}
        .article-section_txt h1 {padding-bottom:10px;font-size:24px;font-weight:600;}
        .article-section_txt h3 {padding-bottom: 25px;font-size: 20px;line-height: 33px;font-weight: 500;}
        .article-section_txt h3 br{display:none}
        .article-section_txt h4 {line-height:19px;}
        .animate-section {padding-top: 65px;padding-bottom: 5px;color: #004d67;text-align: center;}
        .animate-section h1 {padding-bottom: 15px;font-size: 24px;}
        .animate-section h3 {font-size: 20px;color: #6694a4;font-weight: 500;}
        .animate-section_title {padding-bottom: 35px;}
        
        .animate-section_magic{padding:10px;width:95%;}
        .animate-profile {text-align:center;padding-bottom:35px;}
        .animate-txt {padding-bottom:25px;padding-top:35px !important;}
        .animate-txt li span {width:40px !important;height: 100px !important;margin-bottom:15px;}
        .animate-txt li:nth-child(2) span {margin-bottom: 5px !important;height:100px !important;}
        .animate-txt li:nth-child(3) span {margin-bottom: 7px !important;height:100px !important;}
        .animate-txt li:nth-last-child(1) span {margin-bottom: 20px !important}
        .animate-txt li:nth-last-child(2) span {margin-bottom: 10px !important;height:67px !important;}
        .animate-txt li h2 {color: #1a0dab;font-size: 16px;}
        .animate-txt li h3 {color: #006621;font-size: 14px;}
        .animate-txt li p {font-size: 14px;}

        .our-section {padding-bottom:10px;margin-top: 50px;background: #f7faff;padding-bottom: 50px;}
        .our-section_title {margin-top: 10px;text-align:center;padding: 45px;}
        .our-section_title h1, .our-section_title h3 {padding-left:1px !important}
        .our-section_title h1{font-size:16px;padding-bottom: 15px;}
        .our-section_title h3 {font-size:24px;width:80%;margin:0 auto;min-width:270px;}
        .our-section_title h3 br {display:none}
        .our-section_title{height:auto !important;}
        .our-section_icon {width: 96% !important; margin:0 auto;padding-top:15px;padding-bottom:30px;}
        .sm-res-hide{display:none}
        .showcase-section {padding-top:60px;padding-bottom:5px;}
        .showcase-section h1 {font-size:24px}    
        .showcase-section br{display:none}  
        .col-md-2.ssbox{padding-bottom:2px;} 
        .ssbox span {width:86%;height:300px;margin-left:6%;}  
        .ssbox h2{padding-top:20px;margin-bottom:0px;font-size:20px;}
        .showcase-section_box_01 span, .showcase-section_box_02 span, .showcase-section_box_03 span,
        .showcase-section_box_04 span, .showcase-section_box_05 span, .showcase-section_box_06 span,
        .showcase-section_box_07 span, .showcase-section_box_08 span, .showcase-section_box_09 span, .showcase-section_box_10 span{background-position: 49% 20%;}
        .our-section_icon_01 {padding-top: 40px;} 

        .mid-form-section {padding-bottom:70px;padding-top:2px;background-position:-46% 33%;}
        .mid-form-section_txt {border:none;padding: 15px 1px;margin-top: 30px;}
        .midsideform {position:inherit !important;padding-left:1px !important;}
        .mid-form-section_txt h1 {font-size:24px;color:#004d67;padding-left:0%;text-align: center}
        .herosForm-section {padding: 45px 16px !important;margin-top:30px;margin-left: 10px;}
        .why-section {padding-bottom: 5px;text-align: center;}
        .why-section_title h3 {font-size:16px;}
        .why-section_content_01_txt h3{width:75%;margin:0 auto;min-width:200px;}
        .why-section_title h1 {font-size:24px;padding-bottom: 40px;}
        .why-section_content_01 {padding-bottom:35px;}
        .client-section_title h3{text-align:center;font-size:20px;line-height:30px;font-weight:500;width:88%;margin: 0 auto;
            min-width: 200px;padding-bottom: 50px;}
        .client-section_title h3 br{display:none}
        .client-section {padding-bottom: 10px;}
        .client_res{width:94%; margin:0 auto;}
        .client_res .client_res_01, .client_res .client_res_02{width:48%;float:left;padding-bottom:40px;}
        .client_res_01 {padding-right: 15px;}
        .client_res_02 {padding-left: 15px;}
        .yahoo_cli img{padding-top:10px}
        .client_res .client_res_03{width:100%; text-align: center;padding-bottom:25px}
        .client_res .client_res_03 img{width:60%;}
        .why-client-section {padding-bottom: 25px;background-position: 30% 97%;background-size: 212%;}  
        .client_01, .client_02{width:50% !important}
        .ourproess-section_title h3{font-size:16px}
        .ourproess-section_title h1{font-size:24px}
        .ourproess-section {padding-bottom: 15px;}

        .res-animate-hide{display:none}
        .footer-form-section {padding-bottom:10px;padding-top:2px;}
        .footer-form-section_txt {border:none;padding: 15px 1px;margin-top: 30px;}
        .footersideform {position: relative !important;padding-left:1px !important;top:77px;left:1%;}
        .footer-form-section_txt h1 {font-size:24px;color:#004d67;padding-left:0%;text-align: center;position: relative;top: 80px;}
        .footersideform .herosForm-section {padding: 45px 16px !important;}
        .footer-form-bk {background-position:-24% 50%;background-position-x:-24%;background-position-y: 50%;
            height:700px;}
        .dap-logo-footer{padding-top:40px}
        .dap-logo-footer .navbar-brand img{width:80%;margin-left:10%;}
        .footer_address h4, .footer_phone h4, .footer_mail h4, .footer_phone social {
            padding-bottom: 20px;font-weight: 500;}
        .footer_social {width:147px !important;margin:0 auto;padding-top:15px;}
        .footer_copyrights{padding-top:10px}

        .check1 > li:nth-child(5n+1) {transform: translateY(calc((55px * 2) + (4px * 2)));}
        .check1 > li:nth-child(5n+2){transform: translateY(calc(0px - ((65px * 2) + (4px * 2))));}

        .check2 > li:nth-child(5n+1) {transform: translateY(calc((72px * 3) + (4px * 3)));}
        .check2 > li:nth-child(5n+3){transform: translateY(calc(0px - ((45px * 3) + (4px * 3))));}

        .check3 > li:nth-child(5n+1) {transform: translateY(calc((105px * 3) + (4px * 3)));}
        .check3 > li:nth-child(5n+4){transform: translateY(calc(0px - ((45px * 3) + (4px * 3))));}

        .check4 > li:nth-child(5n+1) {transform: translateY(calc((155px * 3) + (4px * 3)));}
        .check4 > li:nth-child(5n+5){transform: translateY(calc(0px - ((45px * 3) + (4px * 3))));}

        .check5 > li:nth-child(5n+1) {transform: translateY(calc((1px * 2) + (4px * 2)));}    

    }  
    /* Mid (portrait and landscape) ----------- */
    @media only screen and (min-width : 467px) and (max-width : 768px) {
    
       
    }    
    @media only screen and (min-width : 992px) and (max-width : 1180px) {
        .navbar-toggler{display:none}
        .navbar-brand{margin-right:0px;}
        .navbar-nav .nav-link {padding-right: 10px !important;
            padding-left: 10px !important;font-weight:600;}
            .nav-req_btn{margin-left: 10px;font-weight:600;}
    }
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-width : 768px) and (max-width : 991px) {
        .res-sm-hide{display:none !important;}
        .res-show{display:inline !important}
        .head-wrap {padding: 60px 10px;}
        header {padding:14px 15px !important;}
        .navbar-toggler{float: right !important;margin-top: 10px !important;}
        nav.navbar.navbar-expand-lg {float: right;width: 100% !important;}
        #navbarTogglerDemo02 {background:#27c0e1;height: 100vh;}
        .nav-item {padding-left:30px;margin-bottom:11px;border-bottom: 1px solid #ffffff1a;padding-bottom:12px;}
        .nav-link {font-weight: 600;}
        .form-inline.my-2.my-lg-0.nav-req_btn {padding-left: 20px;}
        .navbar-brand{padding-top:8px;padding-left:8px; margin-right: 1px !important;}
        .navbar {padding: 8px 0px !important;}
        .navbar-nav {padding-top: 10px;}
        .btn.btn-outline-white.my-2.my-sm-0.req-quote {font-weight: 600;}
        .navbar-brand img{width:89%; }
        .navbar-toggler {padding:9px 13px !important;background-color:#6cdede80  !important;border-radius:50% !important;}

    
    }
    
    /* iPads (landscape) ----------- */
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    /* Styles */
    }
    
    /* iPads (portrait) ----------- */
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    /* Styles */
    }
    /**********
    iPad 3
    **********/
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    /* Desktops and laptops ----------- */
    @media only screen  and (min-width : 1224px) {
    /* Styles */
    }
    
    /* Large screens ----------- */
    @media only screen  and (min-width : 1824px) {
    /* Styles */
    }
    
    /* iPhone 4 ----------- */
    @media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    @media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
    /* Styles */
    }
    
    /* iPhone 5 ----------- */
    @media only screen and (min-width: 320px) and (max-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    @media only screen and (min-width: 320px) and (max-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* iPhone 6 ----------- */
    @media only screen and (min-width: 375px) and (max-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    @media only screen and (min-width: 375px) and (max-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* iPhone 6+ ----------- */
    @media only screen and (min-width: 414px) and (max-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    @media only screen and (min-width: 414px) and (max-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* Samsung Galaxy S3 ----------- */
    @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /* Styles */
    }
    
    /* Samsung Galaxy S4 ----------- */
    @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    }
    
    @media only screen and (min-width: 320px) and (max-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    }
    
    /* Samsung Galaxy S5 ----------- */
    @media only screen and (min-width: 360px) and (max-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    }
    
    @media only screen and (min-width: 360px) and (max-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
    /* Styles */
    }

    @media only screen and (max-width : 700px) {
        .vtab-wrap {
            flex-wrap: wrap;
        }
        .vtab-wrap .tabHeading {
            width: 100%;
        }
        .tabHeading ul {
            display: flex;
            flex-wrap: wrap;
        }
        .tabHeading ul li {
            width: calc(50% - 10px);
            margin: 5px;
            padding: 6px;
        }
        .tabHeading ul li.active::before {
            display: none;
        }
        .tabHeading ul li h1 {
            font-size: 14px;
            word-wrap: normal;
            width: 100%;
            min-width: unset;
        }
        .tabBody {
            margin: 0;
            padding: 12px;
        }

        .tabBody .tabBody-conent p {
            font-size: 13px;
            padding-bottom: 0;
            font-weight: 400;
            line-height: 20px;
        }
    }