/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
1. Desktop
2. Tablet
3. Medium devices
4. Small devices
*/

/* ----- 1. Desktop ≥1024px and ≤1919 ----- */
@media (min-width:1600px) and (max-width:1919px) {
    /* footer */
    .main-footer{/*background-size: contain;*/}

    /* banner */
    a.scroll-down{bottom: 16%;}

    /* curved service sec */
    .curved-services-wrap .curved-up-block .left-part{padding-left: 6%;}

}

@media (min-width:1600px) and (max-width:1750px) { 
    /* services */
    .services-sec .whysyng-text { padding: 0px 70px; } 
}

@media (min-width:1400px) and (max-width:1599px) {	
    /* default */
    .h1, h1{font-size: 70px;}

    /* footer */
    .main-footer{background-size: contain;}

    /*e-commerce*/
    .get-quote{padding: 55px 80px;}

    /* banner */
    .home-banner .text-part h2{font-size: 3.86vw;}
    .home-banner .skew-div .video-img-block{left: -13%;}
    .home-banner .skew-div{bottom: 15%;right: -17%;}

    /* curved service sec */
    .curved-services-wrap .inner-curved-block:before{height: 914px;top: 59px;}
    .curved-services-wrap .curved-up-block .left-part{padding-left: 6%;}
    .curved-services-wrap .curved-up-block .left-part{width: 40%;}
    .curved-services-wrap .curved-up-block .right-part{width: 60%;}
    .curved-services-wrap .services--list .s-img svg{height: 70px;width: 70px;}
    .curved-services-wrap .bg-shape1{display: flex; align-items: center;margin-left: -25%;}
    .services-sec .inner-animation {display: none;}

    /* get appear */
    .get-appear-sec .img-animation{max-width: 90%; margin: 0 auto;}
    .get-appear-sec .text-part{padding-right: 30px;}

    /*blog*/
    .blog-pg-sec:before, .blog-pg-sec:after, .blog-details-sec:before, .blog-details-sec:after {display: none;}

    /* popup */
    .req-callback-popupbox.fancybox-content {max-width: 45% !important;}
    .float-contact-btn {bottom: 5%;}
    .get-in-touch-sidebar {bottom: 16%;}
    .form-group{margin-bottom: 20px;}
}
@media (max-width:1399px) {	
    /* default */
    .h1, h1{font-size: 60px;}

    /* footer */
    .main-footer{/*background-size: contain;*/}

    /* header */
    .navigation ul li{margin-left: 0;}
    .navigation ul li a{font-size: 16px;}

    /* blog */
    .blog-list-wrap .item-wrap .desc{padding: 12px 15px;}
    .blog-list-wrap .item-wrap .desc .post-by{font-size: 12px;}
    .blog-list-wrap .item-wrap .desc .tag-list{margin-left: 5px;}
    .blog-list-wrap .item-wrap .twitter-content p{font-size: 16px;}
    .blog-pg-sec:before, .blog-pg-sec:after, .blog-details-sec:before, .blog-details-sec:after {display: none;}
    .blog-inner-banner:before {height: 60px;}

    /* our clients */
    .partner-sec .our-clients{width: 60%;}
    .side-testimonial-wrap .left-part{width: 60%;}

    /* banner */
    .inner-banner .banner-caption h1{font-size: 60px;}
    .inner-banner .banner-caption{width: 95%; text-align: center;}
    .inner-banner .bg-img:after{background-size: 100% 100px;}
    .home-banner .item .text-part{padding-left: 30px;}
    .home-banner .item .text-part{width: 36vw;}
    .home-banner .hero-part{width: 64vw;}
    .home-banner .skew-div{bottom: 15%;width: 73vw;}
    .home-banner .skew-div .video-img-block{left: -13%;}
    .home-banner .text-part h2{font-size: 3.76vw;}    

    /* footer */
    .main-footer .footer-menu, .main-footer .footer-content .footer-contact{padding-right: 0;}

    /*e-commerce*/
    .get-quote{padding:60px 100px;}

    /* curved service sec */
    .curved-services-wrap{height: 880px;}
    .curved-services-wrap .inner-curved-block{width: 100%;height: 830px;}
    .curved-services-wrap .curved-up-block .left-part{width: 40%; padding-left: 8%;}
    .curved-services-wrap .curved-up-block .right-part{width: 60%;}
    .curved-services-wrap .inner-curved-block:before{height: 93.4%; top: 6%;}
    .curved-services-wrap .services--list .s-img svg{height: 60px;width: 70px;}
    .curved-services-wrap .bg-shape1{margin-left: -35%;width: 100%; display: flex; align-items: center;}
    .curved-services-wrap .services--list .item:nth-child(-n + 3){padding-top: 75px;}
    .curved-services-wrap .services--list .item .s-desc{padding: 0;}
    .curved-services-wrap .curved-up-block .desc{margin-left: -0px;}
    .curved-services-wrap .services--list .s-title{font-size: 18px;}

    /* get appear */    
    .get-appear-sec .text-part{padding-right: 30px;}
    .get-appear-sec .get-appear-list .icon{margin-right: 15px;}

    /* animation */
    .animation-layer-second{display: none;}

    /* contact */
    .contact-submit-btn input {transform: translatex(0px);}
    /*.form-group.secure-notice {width: 100%;justify-content: left;}*/
    /*.form-group.contact-submit-btn {width: 100%;justify-content: left;}*/

    /* services */
    .services-sec {padding-bottom: 0;}

    /* popup */
    .req-callback-popupbox.fancybox-content {max-width: 45% !important;}
    .float-contact-btn {bottom: 5%;}
    .get-in-touch-sidebar {bottom: 16%;}

}
@media (min-width:1024px) and (max-width:1199px) {	
    /* default */
    .h1, h1{font-size: 55px;}
    .container-fluid{padding-left: 30px;padding-right: 30px;}

    /* header */
    .main-header{padding: 25px 0;}
    .main-header .brand{width: 180px;}
    .navigation ul li a{font-size: 14px;}
    .navigation ul li{padding: 0 10px;}
    .main-header .request-quote{margin-left: 10px;}
    .main-header .request-quote .btn{font-size: 14px;}
    .inner-banner .bg-img{min-height: 390px;}

    /* blog */
    .blog-list-wrap .item-wrap .desc h5{font-size: 18px;}
    .blog-list-wrap .item-wrap .twitter-content .tw-postby{margin-bottom: 15px;}
    .blog-list-wrap .item-wrap .twitter-content{padding: 20px;}
    .blog-list-wrap .twitter-content:after{left: 20px;bottom: 20px;}

    /* testimonials */
    .testimonial-block .testimonial-wrap{padding: 0 25px;width: 386px; height: 390px;}
    .testimonial-block .testimonials-desc p{font-size: 14px;}
    .testimonial-block .profile-img{font-size: 100px;}
    .testimonial-block .small-testimonial-slider{-webkit-transform: translateY(-45px);-ms-transform: translateY(-45px);-o-transform: translateY(-45px);transform: translateY(-45px);}
    .testimonial-block .author{margin-top: 20px;}
    .testimonial-block .slick-dots{bottom: 30px;}
    .partnert-logo ul li{margin-right: 35px;}

    /* e-commerce */
    .get-quote{padding: 70px 100px;}
    .get-quote:before{background-size: 100% 100%;}

    /* tabbing */
    .tab-block .tab-header ul li .tab-img{width: 150px;}
    .listing-sidebar .sidebar-wrap .search-form button{width: 45px;}

    /* blog */
    .blog-listing{width: 65%;}
    .blog-detail .next-prev-wrap .np-title{font-size: 14px;}
    .blog-sidebar-wrap .blog-detail{width: 65%;}
    .blog-sidebar-wrap .listing-sidebar{width: 35%;}
    .blog-list2 .blog-listing-desc .bl-title{font-size: 16px;}
    .blog-detail .next-prev-wrap a{padding: 18px;}

    /* banner */
    .home-banner .text-part p{font-size: 18px;margin-bottom: 20px;}
    .home-banner .text-part h2{font-size: 35px;margin-bottom: 10px;}
    .home-banner .skew-div{height: 100%;}

    /* our working sec */
    .our-work-sec .number{font-size: 40px;}
    .our-work-sec .single-count-number figure img{height: 45px;}
    .our-work-sec .counter-title{font-size: 16px;}

    /* curved service sec */
    .curved-services-wrap .bg-shape1 img{height: 100%;}
    .curved-services-wrap .inner-curved-block:before{height: 94.4%; top: 5.4%;}
    .curved-services-wrap .services--list .s-img svg{height: 45px;}
    .curved-services-wrap .services--list .item:last-of-type{padding-bottom: 40px;}

    /* get appear */    
    .get-appear-sec .text-part{padding-right: 20px;}    
    .get-appear-sec .get-appear-list .icon{width: 50px; height: 50px;margin-right: 15px;padding: 10px;}
    .get-appear-sec .get-appear-list li{font-size: 18px;}

    /* creative gallery */
    .our-work-sec .number{font-size: 30px;}
    .creative-gallery-sec .gallery-list figure{height: 250px;}
    .our-work-sec .counter-title{font-size: 14px;}

    /* popup */
    .req-callback-popupbox.fancybox-content {max-width: 55% !important;}
    .reqfrm-popupbox h4 { font-size: 22px; }
    .reqfrm-popupbox .reqest-quote-frm, .req-callback-popupbox .reqest-quote-frm { padding: 20px; }
    .form-group { margin-bottom: 20px; }
    textarea{padding: 12px 15px; height: 100px;}
    .contact-form span.wpcf7-not-valid-tip{font-size: 12px;}
    label{font-size: 12px;}
}

/* ----- 2. Tablet ≥768px and ≤1023 ----- */
@media (min-width:768px) and (max-width:1023px) {
    /* default */
    .h1, h1{font-size: 50px;}
    .btn{font-size: 14px;}
    .container, .container-fluid{padding-left: 20px;padding-right: 20px;}
    p{margin-bottom: 20px;}

    /* header */
    .main-header .brand{width: 165px;}
    .main-header{padding: 20px 0;}
    .main-header .right-part{flex: 1 0 auto; margin-top: 10px; width: 100%;}
    .main-header .request-quote{position: absolute;top: 25px;right: 20px;}
    .main-header .navigation{text-align: center;width: 100%;}

    /* banner */
    .inner-banner .bg-img{min-height: 450px;}
    .home-banner .item .text-part{width: 100%; position: relative; z-index: 1; padding: 0 30px 20px; min-height: auto;}
    .home-banner .hero-part{width: 100%;}
    .home-banner .item .item-wrap{flex-wrap: wrap; align-content: flex-start;}
    .home-banner .hero-part{height: 75%; order: -1;}
    .home-banner .skew-div{width: 103vw;}
    .home-banner .skew-div{height: 106%;}
    a.scroll-down{bottom: 38%;}
    .home-banner .text-part .desc{margin-top: 0;}

    /* tabbing */
    .tab-block .tab-header ul li .tab-img{width: 120px; margin: 0 auto 40px; width: 100px;}
    .tab-block ul li .tab-img .icon{width: 70px; height: 70px; font-size: 40px;}
    .areas-expertise-block .tab-title h6{font-size: 12px;}
    .tab-block .tab-header ul li{width: 16.66%;}

    /* our clients */ 
    .partner-sec .our-clients{width: 100%;margin-bottom: 30px;}    
    .side-testimonial-wrap .left-part{width: 100%;margin-bottom: 30px; padding-right: 0;}
    .testimonial-block{width: 100%;}
    .testimonial-block .testimonial-wrap{margin: 0 auto;}

    /* footer */
    .main-footer .sub-gradient{height: auto;padding: 10px 30px;}
    .main-footer .subscribe-block{margin-bottom: 0;}
    .main-footer .footer-content .left-part{width: 100%;max-width: none;margin-bottom: 20px;}
    .main-footer .right-part{width: 100%;}
    .main-footer .sub-gradient .submit-btn{height: 50px;padding: 5px 24px 4px 24px;}
    .main-footer .footer-menu{padding-right: 10px;}
    .main-footer:before{height: 80%;}
    .main-footer{background-size: 100% 60% !important;}

    /* e-commerce */
    .solution-list .item-wrap{padding: 20px;}
    .get-quote{padding: 50px 80px;min-height: auto;}
    .get-quote:before{background-size: 100% 100%;}
    .get-quote .quote-wrap h3{font-size: 18px;margin-bottom: 10px;line-height: normal;}
    .get-quote .quote-wrap p{font-size: 14px;margin-bottom: 10px;}
    .get-quote .quote-wrap .btn{font-size: 12px;}
    .get-quote{margin: 30px 0 0 0;}

    /* portfolio */
    .portfolio-list .desc .p-title{font-size: 18px;}
    .portfolio-list .desc .site-cat{font-size: 14px;}
    .portfolio-list figure{margin-bottom: 15px;}
    .site-layout-block .bg-gradiant{height: 760px;}
    .project-features .full-detail .desc-part{padding: 20px 0 20px 20px;}
    .next-project-sec .bg-img{min-height: 600px;}
    .next-project-sec .project-desc .divider{margin: 20px auto;}    
    .portfolio-list-view{bottom: 8.5%;}

    /* blog */
    .blog-listing{width: 60%;}    
    .blog-sidebar-wrap .listing-sidebar{width: 40%;}
    .blog-sidebar-wrap .blog-detail{width: 60%;}
    .listing-sidebar .sidebar-wrap .ls-item .tag-list p a{font-size: 14px;}
    .listing-sidebar .sidebar-wrap .search-form button{width: 60px;}
    .listing-sidebar .sidebar-wrap .search-form input{padding-right: 65px;}
    .blog-detail .next-prev-wrap a{padding: 18px;}
    .blog-detail .next-prev-wrap .bd-next{padding-right: 50px;}
    .blog-detail .next-prev-wrap .bd-prev{padding-left: 50px;}
    .blog-detail .next-prev-wrap .bd-prev .icon{left: 12px;}
    .blog-detail .next-prev-wrap .bd-next .icon{right: 12px;}    
    .blog-detail .next-prev-wrap .np-title{font-size: 12px;}
    .new-old-wrap .btn{margin: 5px 10px;}  
    .blog-list .view-all-blog-btn {margin-top: -93px;}

    /* creative gallery */
    .our-work-sec .number{font-size: 30px;}
    .creative-gallery-sec .gallery-list figure{height: 250px;}
    .our-work-sec .counter-title{font-size: 14px;}

    /* curved services */
    .curved-services-wrap .curved-up-block{flex-wrap: wrap;position: relative;}
    .curved-services-wrap .curved-up-block .left-part{width: 100%; text-align: center; padding: 0 20px; margin-bottom: 20px;}
    .curved-services-wrap .curved-up-block .right-part{width: 100%;height: 700px;}
    .curved-services-wrap .inner-curved-block{height: auto; padding: 150px 0;}
    .curved-services-wrap{height: auto;}
    .curved-services-wrap .bg-shape1{display: none;}
    .curved-services-wrap .inner-curved-block{-webkit-clip-path:polygon(0 13%, 100% 0, 100% 100%, 0 87%);clip-path:polygon(0 13%, 100% 0, 100% 100%, 0 87%)}
    .curved-services-wrap .curved-up-block .desc{max-width: none; margin-left: auto; margin-right: auto;}
    .curved-services-wrap .inner-curved-block:before{display: none;}
    .curved-services-wrap .services--list .item:nth-child(-n + 3){border-top: 1px solid rgba(255,255,255,0.2);}
    .curved-services-wrap .services--list .item{padding: 20px 20px !important;}

    /* get appear */    
    .get-appear-sec .text-part{padding-right: 20px;}    
    .get-appear-sec .get-appear-list .icon{width: 50px; height: 50px;margin-right: 15px;padding: 10px;}
    .get-appear-sec .get-appear-list li{font-size: 18px;}
    .creative-gallery-sec .gallery-list .item-caption h3{font-size: 30px;}
    .creative-gallery-sec .gallery-list .item-caption hr{margin: 10px 0;}    

    /* our work */ 
    .our-work-sec .single-count-number figure img{height: 45px;}

    /* popup */
    .reqfrm-popupbox h4{font-size: 28px;}
    .req-callback-popupbox.fancybox-content {max-width: 70% !important;}
    .wpcf7-form .contact-submit-btn{justify-content: center; margin-bottom: 0; }
    .form-group { margin-bottom: 20px; }

    /* animation */
    .aniamtion-layer {width: 100%;height: 100%;padding: 125px 20px;}
    .move-icons3, .move-icons5 {display: none;}
    .move-icons1 {height: 160px;top: 175px;}
    .move-icons2, .move-icons4 {top: 50px;}

    /* contact us */
    .side-contact-detail .cd-block{padding: 15px 15px;}
    
    /* 31-10-2018 */
    .main-footer .sub-gradient form .inp-wrap {width: 100%;}
    .main-footer .sub-gradient form p {width: 100%;flex: none;justify-content: center;margin-top: 15px;}
}

/* ----- 3. Medium devices ≤767px ----- */
@media (max-width:767px) {
    /* default */
    .h1, h1{font-size: 45px;}
    .h2, h2{font-size: 36px;}
    .h4, h4{font-size: 20px;}
    .btn{font-size: 14px;}
    p{font-size: 14px;margin-bottom: 20px;}
    p strong{font-size: 18px;}
    .space-medium{padding-top: 30px;padding-bottom: 30px;}
    .container, .container-fluid{padding-left: 20px;padding-right: 20px;}
    #mobilenav{display: block;}
    .hamburger{display: inline-block;}
    .float-contact-btn a{width: 40px; height: 40px;}
    .float-contact-btn a i{font-size: 18px;}
    .float-contact-btn{right: 8px;}
    select,
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    input[type="search"],
    input[type="number"]{height: 36px;font-size: 12px; padding: 0 12px;}
    
    /* header */
    .main-header .right-part{display: none;}
    .main-header .brand{width: 140px;}
    .main-header.headroom--pinned .brand {width: 140px;}
    .main-header{padding: 15px 0;}
    .main-header.headroom--pinned {padding: 10px 0px;}
    .home .color-logo{opacity: 0;}
    .home .white-logo{opacity: 1;}    

    /* banner */
    .inner-banner .bg-img{min-height: 320px;}
    .inner-banner .banner-caption h1{font-size: 45px;}
    .inner-banner .banner-caption .banner-cate{font-size: 16px;}
    .inner-banner .bg-img:after{background-size: 100% 70px;}
    .home-banner{height: auto;}
    .hero-section a.scroll-down{display: none;}
    .home-banner .hero-part{width: 100%; order: -1; height: 400px;}
    .home-banner .item .item-wrap{flex-wrap: wrap;}
    .home-banner .skew-div{width: 100%; height: 100%; left: 0; -webkit-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);}
    .home-banner .skew-div .video-img-block{-webkit-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0); bottom: 0;}
    .home-banner .skew-div{bottom: 0;}    
    .home-banner .skew-div .video-img-block{left: 0;}
    .hero-section .play-btn{left: auto; bottom:auto; top: 50%; right: 50%;}
    .play-btn{font-size: 60px;}
    .home-banner .slick-dots{top: 30%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .home-banner .item{height: auto;}
    .home-banner .skew-div{border-radius: 0 0 0 60px;}
    .home-banner .item .text-part{width: 100%;padding: 20px 20px;}
    .home-banner .text-part h2{font-size: 30px;margin-bottom: 10px;}
    .play-btn{font-size: 50px;}
    .home-banner .text-part p{font-size: 18px;}
    a.scroll-down{bottom: 17%;}
    .home-banner .text-part .desc{margin-top: 0;}

    /* tabbing */
    .tab-block .tab-header{display: none;}
    .tab-block .tab-detail .m-tab-heading{display: block; border-radius: 5px; position: relative;}
    .tab-block .tab-detail .m-tab-heading .tab-img{display: inline-block;vertical-align: middle;}
    .tab-block .tab-detail .m-tab-heading .tab-title {display: inline-block;vertical-align: middle;}
    .tab-block .tab-detail .m-tab-heading .tab-img .icon{font-size: 36px; width: 1em; height: 1em; display: inline-flex;vertical-align: middle;margin-right: 12px;border: 1px solid #fff;background-color: #fff;border-radius: 100%;padding: 7px; color: #a9a9a9;}    
    .tab-block .tab-detail .m-tab-heading .tab-img .icon svg{width: 100%; height: 100%; fill:#a9a9a9;}
    .areas-expertise-block .m-tab-heading .tab-title h6:after{display: none;}
    .areas-expertise-block .m-tab-heading .tab-title h6{margin-bottom: 0;}
    .tab-block .tab-detail .m-tab-heading{padding:10px 15px; background-color: #eff2f7;margin-bottom: 10px;}  
    .tab-block .tab-detail .m-tab-heading:after{content: "q"; font-family: "almano-digital" !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;speak: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 20px; font-size: 20px; margin-top: -10px; -webkit-transition: 0.3s ease all;-o-transition: 0.3s ease all;transition: 0.3s ease all;}
    .tab-block .tab-detail{padding: 0;}
    .tab-block .tab-detail .tab-view{display: none;padding: 20px 0;}
    .tab-block .tab-detail.show .m-tab-heading{background-color: #3bb54a;}
    .tab-block .tab-detail.show .m-tab-heading:after{transform: rotate(180deg);color: #fff;}
    .tab-block .tab-detail.show .m-tab-heading .tab-img .icon{background-color: inherit; color: #fff;}
    .tab-block .tab-detail.show .m-tab-heading .tab-title h6{color: #fff;}
    .tab-block .tab-detail.show .m-tab-heading .tab-img .icon svg{fill:#fff;}
    .areas-expertise-block .market-list{margin-bottom: 30px;}

    /* blog sec */    
    .blog-inner-banner .img-block{height: 400px;}
    .blog-inner-banner{margin-bottom: -315px;}
    .blog-list .view-all-blog-btn{margin-top: 0;padding: 10px 0;text-align: center;}
    .blog-listing{width: 100%;}
    .blog-sidebar-wrap .listing-sidebar{width: 100%;}
    .blog-listing-wrap > div:last-of-type{padding-left: 0;}
    .blog-listing-wrap > div:first-of-type{padding-right: 0;margin-bottom: 20px;}
    .blog-list.item{max-width: 400px; margin-left: auto;margin-right: auto;}
    .listing-sidebar .sidebar-wrap .ls-item .tag-list p a{font-size: 14px;}
    .blog-sidebar-wrap .blog-detail{width: 100%;padding-right: 0;}
    .blog-sidebar-wrap > div:first-of-type{padding-right: 0;margin-bottom: 30px;}
    .blog-sidebar-wrap > div:last-of-type{padding-left: 0;}
    .blog-detail .next-prev-wrap a{padding: 18px;}
    .blog-detail .next-prev-wrap .bd-next{padding-right: 50px;}
    .blog-detail .next-prev-wrap .bd-prev{padding-left: 50px;}
    .blog-detail .next-prev-wrap .bd-prev .icon{left: 12px;}
    .blog-detail .next-prev-wrap .bd-next .icon{right: 12px;}    
    .blog-detail .next-prev-wrap .np-title{font-size: 12px;}
    .blog-detail .bd-body{margin-bottom: 30px;}
    .view-all-gallery-btn.text-right {text-align: center;}
    .creative-gallery-sec .gallery-inner-part {padding-bottom: 30px;}

    /* our clients */
    .partner-sec .our-clients{width: 100%;margin-bottom: 20px;padding-right: 0;}
    .testimonial-block{width: 100%;}
    .testimonial-block .testimonial-wrap{margin: 0 auto;}
    .testimonial-block .author{margin-top: 30px;}
    .testimonial-block .slick-dots{bottom: 30px;}

    /* footer */
    a.scroll-up-arrow{width: 55px;height: 55px;right: 15px;}
    .main-footer .sub-gradient{height: auto;padding: 12px 20px;}
    .main-footer .sub-gradient .submit-btn{height: 45px;font-size: 14px; padding: 7px 24px 6px 24px;width: auto;}
    .main-footer .footer-heading p{font-size: 14px;}
    .main-footer .subscribe-block{margin-bottom: 10px;}
    .main-footer .footer-content .left-part{width: 100%;max-width: none;margin-bottom: 15px;}
    .main-footer:before{height: 85%;}
    .main-footer .footer-logo{margin-bottom: 15px;}
    .main-footer .right-part{width: 100%;max-width: none;}
    .main-footer .footer-content .line-heading{font-size: 16px;margin-bottom: 10px;}
    .main-footer .f-contact p a{font-size: 16px;}
    .main-footer .f-contact p{margin-bottom: 15px;}
    .main-footer .footer-logo a{width: 140px;}
    .main-footer .f-contact p i{font-size: 24px;}
    .main-footer{background-size: 100% 60% !important;}

    /* e-commerce */
    .solution-list .item-wrap figure span{font-size: 80px;}
    .solution-list .item-wrap{padding: 15px;}
    .solution-list .item-wrap .item-title{font-size: 14px;}
    .ecomm-serveces-list ul{margin-left: 0;}
    .get-quote{min-height: auto;padding: 50px 50px; margin: 30px 0 0 0;}    
    .get-quote:before{background-size: 100% 100%;}
    .get-quote .quote-wrap h3{font-size: 18px;margin-bottom: 10px;line-height: normal;}
    .get-quote .quote-wrap p{font-size: 14px; margin-bottom: 10px;}
    .get-quote .quote-wrap .btn{font-size: 10px;}
    .get-quote{background-color: #3bb54a; padding: 20px 20px; border-radius: 30px;}
    .get-quote:before{display: none;}

    /* portfolio */
    .portfolio-list figure{margin-bottom: 15px;}
    .portfolio-list .desc .p-title{font-size: 16px;}
    .portfolio-list .desc .site-cat{font-size: 12px;}
    .site-layout-block .bg-gradiant{height: 500px;padding: 40px 0;}
    .site-layout-block:before, .site-layout-block:after{height: 40px;}
    .project-features .full-detail .img-part{width: 100%;}
    .project-features .full-detail .desc-part{width: 100%;padding: 0px 15px 10px 15px; margin-top: 20px;display: block;}
    .project-features .img-part .bg-img{min-height: 330px;}
    .next-project-sec:before, .next-project-sec:after{height: 40px;}
    .next-project-sec .bg-img{min-height: 450px;}
    .next-project-sec .project-desc{max-width: 90%; width: 100%;}
    .next-project-sec .project-desc .divider{margin: 20px auto;}
    .side-testimonial-wrap .left-part{width: 100%;padding-right: 0;}
    .next-project-sec .project-desc .project-name-text{font-size: 26px;}
    .next-project-sec .project-desc .about-project--text{font-size: 18px;}
    .next-project-sec .project-desc .project-data-text{font-size: 24px;}
    .next-project-sec .project-desc .divider{width: 80px;}
    .social-app-link{padding: 20px 0;}
    .social-app-link .right-part{width: 100%;margin-left: 0;}   
    .next-project-sec .bg-img{min-height: 400px;}
    .portfolio-list-view {bottom: 5px;}
    .portfolio-sec {padding-bottom: 0;}
    .portfolio-list .item {margin: 0px 0px 30px 0px;}

    /* home what make sec */
    .side-img .triangle-img-shape{max-width: 400px; margin: 0 auto;}
    .side-img .triangle-img-shape svg{height: auto;}
    .what-makes-sec .side-img{margin-bottom: 30px;}

    /* curved services */
    .home-services-sec{padding: 0;}
    .curved-services-wrap .curved-up-block{flex-wrap: wrap;position: relative;}
    .curved-services-wrap .curved-up-block .left-part{width: 100%; text-align: center; padding: 0 20px; margin-bottom: 0;}
    .curved-services-wrap .curved-up-block .right-part{width: 100%;height: 700px;}
    .curved-services-wrap .inner-curved-block{height: auto; padding: 80px 0;}
    .curved-services-wrap{height: auto;}
    .curved-services-wrap .bg-shape1{display: none;}
    .curved-services-wrap .inner-curved-block{-webkit-clip-path:polygon(0 5%, 100% 0, 100% 100%, 0 95%);clip-path:polygon(0 5%, 100% 0, 100% 100%, 0 95%);}
    .curved-services-wrap .curved-up-block .desc{max-width: none; margin-left: auto; margin-right: auto;}
    .curved-services-wrap .inner-curved-block:before{display: none;}
    .curved-services-wrap .services--list .item:nth-child(-n + 3){border-top: 1px solid rgba(255,255,255,0.2);}
    .curved-services-wrap .services--list .item{padding: 20px 20px !important;}
    .curved-services-wrap .services--list .item{height: 300px;}
    .curved-services-wrap .curved-up-block .right-part{height: auto;}

    /* get appear */
    .get-appear-sec .img-animation{max-width: 400px; margin-bottom: 40px;margin-top: 40px;}
    .get-appear-sec .get-appear-list .icon{width: 45px; height: 45px;padding: 10px;margin-right: 10px;}
    .get-appear-sec .get-appear-list li{font-size: 16px;margin-bottom: 10px;}
    .get-appear-sec .get-appear-list{margin-bottom: 20px;}
    .get-appear-sec .text-part{padding: 0 20px;}

    /* creative gallery */
    .creative-gallery-sec .gallery-list figure{height: 250px;}
    .creative-gallery-sec .gallery-list .item-caption{padding: 15px;}
    .creative-gallery-sec .gallery-list .item-caption h3{font-size: 24px;}
    .creative-gallery-sec .gallery-list .item-caption hr{margin: 8px 0;}
    .creative-gallery-sec .gallery-list .item-caption .project-text{font-size: 14px;}

    /* our work */
    .our-work-sec .single-count-number{flex: 1 0 25%;margin: 15px 0;padding: 0 10px;}
    .our-work-sec .single-count-number figure{margin-bottom: 15px;}
    .our-work-sec .single-count-number figure img{height: 45px;max-width: 50px;}    
    .our-work-sec .counter-title{font-size: 14px;}
    .our-work-sec .number{font-size: 34px;}

    /* contact */
    .form-group {margin-bottom: 20px;}
    .side-contact-detail {margin-top: 30px;}
    .wpcf7-form .form-group {/*justify-content: center;*/}
    .form-group.secure-notice {justify-content: center;}
    .form-group.contact-submit-btn {justify-content: center; margin-bottom: 0;}
    .portfolio-detail-sec .contact-part{padding-bottom: 30px;}        

    /* popup */
    .reqfrm-popupbox h4{font-size: 24px;}
    .reqfrm-popupbox .reqest-quote-frm{padding: 20px;}
    .req-callback-popupbox.fancybox-content {max-width: 70% !important;}
    .get-in-touch-sidebar {bottom: 13%;right: 5%;}
    .wpcf7-form .contact-submit-btn{justify-content: center; margin-bottom: 0; }
    textarea{height: 100px; padding: 10px 12px;}
    .request-contact-topic:before{top: 13px;}
    label{font-size: 14px;}
    .contact-form span.wpcf7-not-valid-tip{font-size: 11px;}    
    .get-in-touch-sidebar.open{/*transform: scale(0.7) translate(0%, 0%); transform-origin: bottom right;*/}
    .get-in-touch-sidebar textarea{height: 70px;}
    .reqfrm-popupbox .reqest-quote-frm, .req-callback-popupbox .reqest-quote-frm{padding: 20px;} 

    /* animation */
    .aniamtion-layer {width: 100%;height: 100%;padding: 75px 20px;}
    .move-icons1 {height: 89px;width: 100px;background-position: -57px -57px;}
    .move-icons3 {display: none;}
    .move-icons5 {top: 55px;}
    .move-icons2 {top: 55px;}
    
    /* 31-10-2018 */
    .main-footer .sub-gradient {padding: 20px;}
    .main-footer .sub-gradient form .inp-wrap {width: 100%;flex-wrap: wrap;justify-content: center;padding-right: 0;}
    .main-footer .sub-gradient form .inp-wrap .subscribe-email {width: 100%;margin: 10px 0; }
    .main-footer .sub-gradient .wpcf7-form-control-wrap input {text-align: center;}
    .main-footer .sub-gradient form p {width: 100%;flex: none;justify-content: center;margin-top: 10px;}
    .main-footer .sub-gradient form .inp-wrap .cptch {margin: 0px auto;}
    .main-footer .sub-gradient form .inp-wrap .cptch span.wpcf7-not-valid-tip {text-align: center;}
}

/* ----- 4. Small devices ≤640px ----- */
@media (max-width:640px) {
    /* Default */
    .h1, h1{font-size: 32px;}
    .h2, h2{font-size: 24px;}
    .h3, h3{font-size: 22px;}
    .h4, h4{font-size: 20px;}
    .h5, h5{font-size: 18px;}
    .h6, h6{font-size: 14px;}
    ul li{font-size: 14px;}
    ul.check-list li{margin-bottom: 10px;}
    p strong{font-size: 16px;}
    img.alignright{display: block; float: none;margin-left: auto; margin-right: auto;}
    .design-arrow{height: 35px;}
    .sec-heading{margin-bottom: 30px;}

    /* banner */
    .inner-banner .bg-img{min-height: 320px;}
    .inner-banner .banner-caption h1{font-size: 30px;}
    .inner-banner .banner-caption .banner-cate{font-size: 14px;}
    .inner-banner .bg-img:after{background-size: 100% 50px;}

    /* tabbing */
    .tab-block .tab-detail .m-tab-heading .tab-img .icon{margin-right: 5px;}
    .tab-block .tab-detail .m-tab-heading{padding: 8px 10px; padding-right: 30px;right: 8px;}
    .tab-block .tab-detail .m-tab-heading:after{font-size: 16px;margin-top: -8px;right: 10px;}
    .tab-block .tab-detail .img-part{width: 100%;margin-bottom: 10px;}
    .areas-expertise-block .market-list{margin-bottom: 20px;}    
    .line-heading{font-size: 16px;}
    .line-heading:before{width: 30px;}

    /* blog */
    .blog-list-wrap .item-wrap .desc{padding: 12px 10px;}
    .blog-list-wrap .item-wrap .twitter-content{padding: 15px;}
    .blog-list-wrap .item-wrap .twitter-content .tw-postby{margin-bottom: 12px;}
    .blog-list-wrap .item-wrap .twitter-content p{font-size: 16px;}
    .blog-list2 .item-wrap .bl-date{font-size: 18px;width: 50px; height: 50px;}
    .blog-list2 .item-wrap .bl-date em{font-size: 9px;}
    .blog-detail .next-prev-wrap,
    .blog-detail .next-prev-wrap .nav-links{width: 100%; flex-wrap: wrap;}
    .blog-detail .next-prev-wrap a,
    .blog-detail .next-prev-wrap .nav-previous,
    .blog-detail .next-prev-wrap .nav-next{width: 100%;}
    .blog-detail .next-prev-wrap .bd-next,
    .blog-detail .next-prev-wrap .nav-next{margin-left: auto;}
    .blog-detail .next-prev-wrap .nav-previous a,
    .blog-detail .next-prev-wrap .nav-next a{width: 100%;}
    .blog-inner-banner:before {height: 35px;}

    /* our partner */
    .partner-sec .our-clients .desc{margin-bottom: 25px;}
    .partnert-logo ul li{margin-right: 10px;margin-left: 10px;margin-bottom: 20px;}
    .testimonial-block .testimonial-wrap{padding: 0 20px;width: 100%; max-width: 335px; height: 330px;}
    .testimonial-block .testimonials-desc p{font-size: 12px;}
    .testimonial-block .profile-img{font-size: 80px;}
    .testimonial-block .profile-img{margin-bottom: 10px;margin-top: 22px;}
    .testimonial-block .author{margin-top: 10px;}
    .testimonial-block .author h5{font-size: 14px;}
    .testimonial-block .author span{font-size: 12px;}
    .testimonial-block .slick-dots{bottom: 10px;}
    .partnert-logo ul{text-align: center;}

    /* footer */
    .main-footer .footer-menu,
    .main-footer .footer-content .footer-contact{width: 100%; max-width: none;}
    .main-footer:before{height: 95%;}
    .main-footer{padding-top: 60px;}
    .main-footer .footer-heading{margin: 0 auto 20px;}
    .main-footer .sub-gradient{text-align: center; justify-content: center; border-radius: 30px;}
    .main-footer .sub-gradient i{margin: 0 0 10px 0;}
    .main-footer .sub-gradient .inp-wrap{width: 100%; display: block;}
    .main-footer .sub-gradient .submit-btn{height: 36px;}
    .main-footer .sub-gradient .wpcf7-form-control-wrap input{width: 100%;margin-bottom: 0; text-align: center;}
    .main-footer .footer-menu{margin-bottom: 25px;}
    a.scroll-up-arrow{width: 40px;height: 40px;right: -10px;}
    a.scroll-up-arrow i{font-size: 15px;}
    .main-footer .footer-content .left-part{margin-bottom: 25px;}
    .main-footer .sub-gradient form p{flex-wrap: wrap; justify-content: center;}
    .main-footer .sub-gradient form .inp-wrap{flex-wrap: wrap;justify-content: center;margin-bottom: 10px;}
    .main-footer .sub-gradient .wpcf7-form-control-wrap{flex: auto;} 
    .main-footer .copy-rights p{font-size: 12px;}
    .main-footer{background-size: 100% 20% !important;}

    /* e-commerce */
    .solution-list .item{margin: 10px auto; max-width: 320px;}
    .get-quote{background-color: #3bb54a; padding: 20px 20px; border-radius: 30px;}
    .get-quote:before{display: none;}
    .ecomm-sec .right-side-img{width: 75%; float: none; display: block; margin-left: auto;}

    /* portfolio */
    .portfolio-list .item{max-width: 445px; margin-left: auto; margin-right: auto;margin-bottom: 30px;}
    .portfolio-list figure .btn{font-size: 12px;}
    .site-layout-block .bg-gradiant{height: 350px;}
    .project-features .img-part .bg-img{min-height: 170px;}
    .project-features .half-detail{width: 100%;}
    .next-project-sec .bg-img{min-height: 350px;}
    .about-sec .side-img{order: -1;}
    .side-img .triangle-img-shape{max-width: 320px; margin: 0 auto;}
    .social-app-link .left-part{margin-bottom: 10px;}
    .social-app-link .container{justify-content: center;}
    .social-app-link .right-part{justify-content: center;}
    .social-app-link .right-part a{margin: 5px 5px;} 
    .portfolio-sec {padding-bottom: 0;}

    /* curved services */
    .curved-services-wrap .inner-curved-block{padding: 105px 0;}

    /* get appear */
    .get-appear-sec{overflow: hidden;}
    .get-appear-sec .img-animation img{max-width: 90%;}
    .get-appear-sec .btn-grp .btn,
    .get-appear-sec .btn-grp .btn:not(:last-of-type){margin: 5px 2px;}    
    .get-appear-sec .btn-grp{text-align: center;} 

    /* our work */
    .our-work-sec .single-count-number{flex: 1 0 50%; padding: 0 5px;}
    .our-work-sec .count-number-part{justify-content: center;}
    .our-work-sec .single-count-number figure img{height: 40px;}
    .our-work-sec .number{font-size: 25px;}
    .our-work-sec .counter-title{font-size: 12px;}
    .our-work-sec{padding: 0;padding-bottom: 20px;}
    .creative-gallery-sec {margin: 50px 0px;}

    /* popup */
    .reqfrm-popupbox h4{font-size: 18px;}
    .cf7sr-g-recaptcha{/*margin: 0 auto;*/}

    /* animation */
    .move-icons1 {height: 89px;width: 100px;background-position: -57px -57px;}
    .move-icons4 {display: none;}

    /* slider */
    .testimonial-block .testimonials-desc:after {width: 30px;height: 30px;position: absolute;left: 10px;top: -10px;z-index: -1;background-size: contain;}
    
    /* 31-10-2018 */
    .main-footer .sub-gradient form .inp-wrap {margin-bottom: 0;}
}

@media (max-width:480px) {

    /* blog details */
    .share-on-social {float: none;transform: translatey(0px);}
    .share-on-social .addtoany_shortcode {text-align: left;max-width: 100%;margin: 15px 0px;}

    /* popup */
    .req-callback-popupbox.fancybox-content {max-width: 90% !important;}

    /* contact us */
    .side-contact-detail .cd-block{padding: 15px 20px;}
    .side-contact-detail{margin-top: 10px;}
    .cf7sr-g-recaptcha{transform: scale(0.78);}
    
     /* testimonials */
    .testimonial-block .testimonials-desc p{font-size: 11px;}
    .testimonial-block .slick-dots{bottom: 20px;}
}

/* mini laptop resolution */
@media (min-width: 1100px) and (max-height: 850px) {
    .navigation ul li{margin-left: 0;padding: 0 12px;}
    .btn.white-border{font-size: 14px;}

    /*popup form */
    .reqfrm-popupbox h4{font-size: 20px;}
    .reqfrm-popupbox .reqest-quote-frm, .req-callback-popupbox .reqest-quote-frm{padding: 20px;}
    .form-group { margin-bottom: 15px; }
    textarea { height: 100px; }
    .cf7sr-g-recaptcha{-webkit-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}
    label{font-size: 12px;}
    .contact-form span.wpcf7-not-valid-tip { font-size: 10px; }
}
@media (min-width: 1200px) and (max-height:951px) {
    .navigation ul li{margin-left: 0;padding: 0 12px;}
    .btn.white-border{font-size: 14px;}
    .main-header .request-quote{margin-left: 10px;}
}