/*Template: Pinakin - Multipurpose Web Agency HTML5 Template
Author: separateweb */

@media screen and (max-width: 1920px) and (min-width: 1500px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px;}
}
@media screen and (max-width: 1499px) and (min-width: 1300px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1240px;}
}

@media only screen and (max-width: 1600px) {  
    .slider-thumb-bg {left: -22px;}
    .slider-preview-img {height: 500px;}
    
    .shape--1-a { left: 0;  top: 35%; width: 85px;}
    .shape--1 { top: 75%; width: 85px;}
    .shape--3 {top: 30%; width: 60px;}
    .shape--2 {left: -50px; top: -30px; width: 80px;}
    .shape--4 {top: 40%; width: 70px;}
    .shape--6 {right: 14%; top: 14%; width: 150px;}
    .shape--7 {top: -44px; width: 130px;}
    .shape--8 {top: -55px; width: 120px;}
    .shape--9 {top: -40px; width: 80px;}
    .shape--11 {top: -55px; width: 80px;}
    .shape--14 { width: 300px;}
    .shape--13 {width: 120px;}
    .shape--18 { top: 50px; width: 70px;}
    .shape--19 {top: 55%;  width: 70px;}
        .innerheading {  font-size: 70px;  line-height: 80px;  font-weight: 700;}
    
    }
    @media only screen and (max-width:1500px) {     
    .shape--6 { right: 12%;  top: 11%;width: 110px;}
    .shape--8 {top: -90px; width: 80px;}
    .shape--10 {right: 20%; bottom: -50px;}
    .shape--14 {width: 240px;}
    .shape--13 {width: 90px;}
    .shape--18 {top: 110px; width: 70px;}
    .shape--19 {top: 60%; width: 70px;}
    
    .hh-img-4 {
        right: -20px;
        bottom: -50px;  
        max-width: 220px;
    }
    
    h1 {font-size: 45px;    line-height: 57px;    font-weight: 700;}
    h2 {font-size: 38px; line-height: 50px;  font-weight: 600;}
    
    
    .sw-card { padding: 30px 20px;}
    .icons-label-set {   
        grid-template-columns: repeat(4, 1fr);   
    }

    .text-img-hover {
        font-size: 38px;
        line-height: 48px;      
    }
    .hover-title-div .separator {      
        left: -60px;
        top: 24px;      
    }
    .home-hero-b h1 {
        font-size: 60px;
        line-height: 70px;
    }
    .outericon3 {
        top: 35%;
        left: 2%;
    }
    .home-hero-c h1 {
        font-size: 35px;
        line-height: 45px;
    }
    .quote-hero {
        margin-top: 200px;
        max-width: 70%;     
    }
    .services-wraper a {
        font-size: 40px;
        line-height: 90px;     
    }
    .sw_item-text span:first-child {
        font-size: 40px;
    }
    .rollingText, .rollingText02 {
        font-size: 110px;        
    }
    
    }
    @media only screen and (max-width:1300px) { 

    .swshape{display: none;}
    .hh-img-4 {
        right: 10px;
        bottom: -50px;
        max-width: 220px;
    }
    
    .hh-img-3 {
        right: 10px;
        top: -40px;
        z-index: 1;
        max-width: 250px;
    }
    .hh-img-2 {
        left: -50px;
        bottom: -50px;
        top: auto;
        z-index: 1;
        max-width: 250px;
    }
    .hh-img-4 {
        right: -20px;
        bottom: -50px;
        max-width: 200px;
    }
    .hero-image-card {  
        width: 400px;
        height: 400px;
    }
    .innerheading {
        font-size: 55px;
        line-height: 65px;      
    }
    .outericons img {  max-width: 80px; }
    
    }
    @media (min-width:1200px) {
        .w-992 {max-width: 992px}        
    }
    @media only screen and (max-width: 1200px) {
    .hidden-in-1200{display: none;}  
    
    }

@media only screen and (max-width: 1024px) {
        h1 {font-size: 35px; line-height: 45px; font-weight: 700; } 
        h2 {font-size: 30px; line-height: 40px; font-weight: 600; }
        h3 {font-size: 22px; line-height: 32px; font-weight: 600; }      

        .sw-card-content h3 {font-size: 22px; line-height: 32px;}
        
        .home-hero-a {          
            padding-top: 130px;
            padding-bottom: 60px;
        }
        .ctablock {
            padding: 30px;            
        }

        .text-img-hover {
            font-size: 28px;
            line-height: 38px;
        }
        .hover-title-div .separator {
            left: -60px;
            top: 18px;
        }
        .hover-title-div {width: auto; top: 60%;}

        .faqwithimgdata .accordion-button {         
            font-size: 18px;
            line-height: 28px;          
        }
        .padding-left-50 {
            padding-left: 15px;
        }
        .padding-right-50 {
            padding-right: 15px;
        }
        .company-statistics {        
            grid-gap: 20px;           
        }
        .company-statistics span {
            font-size: 24px;
            line-height: 32px;           
        }
        .counter-number p {
            margin-top: 5px;         
            font-size: 16px;
            line-height: 32px;
        }
        .servicehead {padding-top: 20px;}
        .abt {left: 30%;}

    }   
    @media only screen and (max-width: 992px) {
    .m-order1{order: 1;}
    .m-order2{order: 2;}
    h1.h1 { font-size: 45px; line-height: 55px;}
    h1 {  font-size: 40px;  line-height: 50px;}
    h2 {  font-size: 32px;  line-height: 42px;}
    h3 {  font-size: 24px;  line-height: 34px;}
    h4 {  font-size: 20px;  line-height: 30px;}
    h5 {  font-size: 18px;  line-height: 28px;}
    h6 {  font-size: 17px;  line-height: 26px;}
    p {   font-size: 18px;  line-height: 28px;}   
    
        
    .sidebarmenuicon {display: block; font-size: 25px;}  
    .sw-header .sw-nav .nav-link {font-size: 18px; line-height: 58px; border-bottom: 1px solid #c9c9c9;}
    .dropdown-toggle::after {top: 24px; position: absolute; right: 0;}
    .sw-header .navbar-nav .dropdown-menu {width: 100%; }
    .sw-header .navbar-nav .dropdown-menu {display: none;}
    .sw-header .sw-nav .navbar-nav li:last-child> a {border-bottom: 0px solid #c9c9c9;}
    .sw-header .navbar-nav .dropdown-menu {box-shadow: none !important; padding: 20px 15px; border-top: 0px; background: #f1f1f1; border-radius: 0; transform: translate(0, 0%) scale(1);}
    .dropdown:hover .nav-link:before{display: none;}
    .nav-link.show:before{display: none;}
    .sw-header.headerbg .sw-nav .nav-link {color: #010101;}
    .sw-header{padding: 0;}
    .offcanvas-title img{max-height: 34px;}
    .menu-header, .sw-header {height: 65px;}
    .sw-header.sticky:after {height: 65px;}
    .sticky .menu-header {height: 65px;}
    .sw-header .navbar-nav li:last-child .dropdown-menu {margin-bottom: 40px;}

    /*margin in mobile view only*/
    html .m-mt30{margin-top: 30px;}
    html .m-mb30{margin-bottom: 30px;}
    html .m-mt40{margin-top: 40px;}
    html .m-mb40{margin-bottom: 40px;}
    html .m-mt50{margin-top: 50px;}
    html .m-mb50{margin-bottom: 50px;}
    html .m-mb60{margin-bottom: 60px;}
    html .m-mt60{margin-top: 60px;}
    
    .hero-image-card {
        width: 100%;
        height: 380px;
        margin: 80px auto 80px;
    }
    .pair-grid { grid-template-columns: auto;}
    .hidden-xx{display: block;}   
    .hidden-mm{display: none;} 
    .counter-div {    
        justify-content: space-between;
        margin-top: 40px;
    }  
    .shape--17{display: none;}

    .footer-first-row .justify-end {
        justify-content: flex-start;
        margin-top: 30px;
    }
    .bdrright::before{display: none;}  
    .footer-left {text-align: center; } 
    .footer-right {
        text-align: center;
        padding-top: 0;
    }
    .serviceslider .slick-dots {
        bottom: -40px;
        text-align: center;
    }
    .half-blog-content {
        padding: 30px 20px;
        min-height: auto;
    }
    .company-statistics {     
        width: auto;
    }
    .icons-label-set {
        grid-template-columns: repeat(2, 1fr);
    }
    .servicehead{text-align: center;}
    .servicehead .btn-pair {    
        justify-content: center;
    }
    .overlay-info-cards {
        width: auto;
        position: unset;      
        opacity: 1;      
        transform: translateY(0);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);       
    }
    .overlay-info-cards h3 {    
        font-size: 28px;
        line-height: 33px;
        text-shadow: none;
    }
    .sw-feature-img, .outericons img{display: none !important;}
    .hero-brand {grid-template-columns: repeat(3, 1fr);}
    .rollingText, .rollingText02 {font-size:60px;}    
    .hero-content-c-a{display: none;}

    .home-hero-c .mainrollingtext {      
        bottom: 10%;       
    }
    .hero-c {
        position: absolute;
        bottom: 30px;
        text-align: center;
        right: 0;
        left: 0;
    }
    .hero-c .btn-pair{    justify-content: center;}
    .abt {
        right: 10%;
        width: 160px;
        height: 160px;
        font-size: 16px;
        left: auto;
    }
    .services-wraper a {
        font-size: 30px;
        line-height: 70px;
    }
    .services-wraper a img {      
        display: none;
    }
    .services-wraper a::after {
        content: "/";
        padding: 0 10px;
    }
    .sw_item-image {
        height: auto;
        width: 100%;
        background-size: cover;
        position: relative;
        z-index: 2;
        opacity: 0;
        margin: 0 auto;
        transform: scale(0.4);
        opacity: 1 !important;
        transform: none !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }
    .sw_item-container li {
        border-top: 1px solid #dee2e6;
        padding-bottom: 40px;
    }
    .sw_item-text:hover span:last-child, .sw_item-text:hover span:first-child{
        margin: 0px;       
    } 
    .sw-btn-big-round {
        width: 160px;
        height: 160px;
    } 
    .ftrcrcl {
        position: absolute;
        right: 0;
        bottom: 42px;
    }
   
    }    
    @media only screen and (max-width: 767px){  
        .hero-content-c{display: none;} 
        .bg-hero {           
            background-position: center bottom;         
        }   
        .home-hero-c {        
            height: 85vh;
            padding-left: 0%;
            padding-right: 0%;         
        } 
        .container, .container-sm {
            max-width: calc(100% - 100px);
        }
        .hh-img-3 {
            right: 20px;
            top: -40px;
            z-index: 1;
            max-width: 250px;
        }
        .hh-img-2 {
            left: 20px;
            bottom: -50px;
            top: auto;
            z-index: 1;
            max-width: 250px;
        }
        .pair-grid {
           padding: 30px 20px;
        }
        .portfolio-3 {
            column-count: 1;
            column-gap: 0px;
        }
        .portfolio-3 .half-column {
            margin-bottom: 50px;
        }
        .home-hero-b h1 {
            font-size: 45px;
            line-height: 55px;
        }
        .sw-card-imgs {
            width: 100%;
            height: auto;          
            text-align: center;
        }
        .logo-set {
            padding: 10px 0px;
        }
        .portfolio-2-a .mt40:nth-of-type(odd) {margin-top: 40px;}
       
    }    
    @media only screen and (max-width: 575px) {
    .container, .container-sm {
        max-width: calc(100% - 0px);
    }

    .block-space {
        padding-top: 70px;
        padding-bottom: 70px;
        position: relative;
    }

    /*margin in mobile view only*/
    html .mm-mt30{margin-top: 30px;}
    html .mm-mb30{margin-bottom: 30px;}
    html .mm-mt40{margin-top: 40px;}
    html .mm-mb40{margin-bottom: 40px;}
    html .mm-mt50{margin-top: 50px;}
    html .mm-mb50{margin-bottom: 50px;}
    html .mm-mb60{margin-bottom: 60px;}
    html .mm-mt60{margin-top: 60px;}


    h1 {  font-size: 38px; line-height: 48px;}
    h2 {  font-size: 28px;  line-height: 38px;}
    h3 {  font-size: 22px;  line-height: 32px;}
    h4 {  font-size: 19px;  line-height: 28px;}
    h5 {  font-size: 18px;  line-height: 28px;}
    h6 {  font-size: 17px;  line-height: 26px;}
    p {   font-size: 18px;  line-height: 28px;}
    

    .hh-img-1 {    
        left: 20px;
    }
    .hh-img-4 {
        right: 20px;     
        max-width: 180px;
    }
    .sw-shape-2 {    
        left: 0;
        right: 0;      
        text-align: center;
    }
    .link-sol-header{display: none;}  
    .half-blog-img {
        height: 200px;
    }
    .half-blog-content {
        padding: 20px 20px;      
    }
    .email-subs-form {           
        margin: 0px 5px;
    }
    .counter-number p {     
        font-size: 16px;
        line-height: 22px;
    }
    .innerheading {
        font-size: 45px;
        line-height: 55px;
    }
    .page-heading-sec {
        padding: 120px 0 80px 0;
    }
    .company-statistics-2 .counternumbers {
        padding: 20px 22px;}
    
    .filderdiv ul{
        display: flex;
        overflow: auto;
        white-space: nowrap;
        padding-bottom: 0;
        width: 100%;
        flex-wrap: inherit;            
        justify-content: flex-start;
    }
    ul.pagination li.pageNumber {
        width: 30px;
        height: 40px;
        line-height: 40px;           
    }
    ul.pagination li {          
        line-height: 40px;
        margin: 0 3px;
    }
    .info-b-left, .info-b-right{font-size: 16px;}
    .formfooter {
        display: flex;
        grid-gap: 20px;
        align-items: stretch;
        flex-direction: column-reverse;
        align-content: center;
        justify-content: space-evenly;
    }
    .formfooter button{width: 100%;     justify-content: center;}
    .contact-detalnk a span{box-shadow:none}

    .hero-budge-txt h4 {
        font-size: 18px;
        line-height: 25px;
    }
    .home-hero-b h1 {
        font-size: 35px;
        line-height: 45px;
    }
    .border--1 {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 110px;
        margin-bottom: 30px;
    }
    .footer-circle-btn a {
        position: absolute;
        right: 0;
        left: 0;
        top: 70px;
        margin: 0 auto;
    }
    .border--1 h2{text-align: center;}
    .counter-div-set {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 20px;
        padding: 40px 0 0 0;
    }
    .sw_item-text span:first-child {
        font-size: 30px;
        line-height: 40px;
    }
    .sw_item-text span:last-child {       
        text-align: right;
        font-size: 16px;
    }
    .sw_item-text {      
        justify-content: space-between;
        padding: 40px 0;
        grid-gap: 0;
        flex-direction: column;
    }
    .home-hero-c h1 {
        font-size: 30px;
        line-height: 40px;
    }
       
    }  
    @media only screen and (max-width: 480px) {
        .btn-head {
            line-height: 45px !important;
            font-size: 14px !important;
        }
        .blockpairs {        
            grid-template-columns: auto;
            grid-gap: 30px;
        }

        .hh-img-3 {           
            max-width: 200px;
            right: 10px;
        }
        .hh-img-2 {          
            max-width: 230px;
            left: 10px;
        }
        .hh-img-4 {
            right: 0;
            max-width: 190px;
        }
        .innerheading {
            font-size: 40px;
            line-height: 50px;
        }        
        .iconwithlabel {         
            flex-direction: column;
            text-align: center;
        }
        .iconwithlabel img {
            width:45px;
        }       
        .iconwithlabel h6 {
            margin: 12px 0 0 0px;
        }
        .sw-btn { font-size: 17px; padding: 0 18px; line-height: 60px; }

        .innerstststics {        
            right: 8px;
            bottom: 10px;
            width: 50px;
        }
        .formblock {
            padding: 40px 20px;
        }
        .text-img-hover {
            font-size: 20px;
            line-height: 35px;
        }
        .hover-title-div .separator {
            left: -40px;          
            width: 30px;
        }
        .swiper-Industries-full .swiper-slide-active .hover-title-div {
            right: -40px;          
        }
        .preloader-text p {font-size: 24px;}
    
    }