/*======================================================

    Media Query

=======================================================*/

/* max-width 1024px */

@media (max-width: 1024px) {}



/* max-width 992px */

@media (max-width: 992px) {

    .padding{ padding: 60px 0; }

    .sm-padding{ padding: 15px; }

    p br{ display: none; }

    span br{ display: none; }

    

    .section-heading h2{

        font-size: 32px;

        line-height: 42px;

    }

    .section-heading p br{

        display: block;

    }

    .about-icon{

        position: inherit;

        left: 0;

        top: 0;

        margin-bottom: 15px;

    }

    .about-content{padding-left: 0;}

    .team-section-2{ padding-bottom: 60px; }

    .team-section-2 .team-box{ margin-bottom: 0; }

    

    .subscribe-widget{ margin-top: 0; }

    

    .working-process .left-pattern,

    .working-process .right-pattern{ background-size: 40%; }

    .working-process-box .arrow{ display: none; }

    .skills-section .play-btn{ display: none; }

    

    .hero-section-2:before,

    .hero-section:before{

        visibility: visible;

        opacity: 1;

    }

    .hero-section-2 .play-btn {

        right: 15%;

        top: 70%;

    }

    .sign img {

        padding-left: 10px;

        max-width: 50%;

    }

    .faq-section:before{ width: 100%; }

    .faq-content{padding-left: 0;}





/* max-width 768px */

@media all and (max-width: 768px) {

     body {
      padding-bottom: 70px;
    }
    #scrollup {
      bottom: 100px;
    }

    .padding{ padding: 60px 0; }

    .xs-padding{ padding: 15px; }

    p br{ display: none; }

    

    .section-heading p br{

        display: none;

    }

    .footer-content .logo{ max-width: 50%; }

    .testimonials-section .section-heading.pt-80{padding-top: 0;}

    

    .counter-wrapper{ 

        margin-top: 0!important;

    }

    .hero-section:before{

        visibility: visible;

        opacity: 1;

    }

    .hero-content h2 {

        font-size: 42px;

        line-height: 48px;

    }

    .skills-info{

        padding: 60px 15px;

    }

    .nav-style:hover .slick-arrow{

        left: 0;

    }

    .nav-style:hover .slick-arrow.right{

        left: auto;

        right: 0;

    }

}




/* max-width 580px */

@media all and (max-width: 580px) {

    #scrollup {

      
        right: 20px;

    }

    .padding{ padding: 50px 0;}

    .testi-content{

        padding-top: 110px;

        padding-left: 0;

    }

}



/* max-width 420px */

@media all and (max-width: 420px) {

    .section-heading{ margin-bottom: 20px; }

    .section-heading h2 br{ display: none; }

    .project-section{ padding-top: 50px; }

    .skills-items .skills-item h5{ margin-bottom: 25px; }

    .testi-content .quote-icon{ display: none; }

    .hero-content h2 br{ display: none; }

    .service-2 .service-item{ margin-bottom: 0; }

    .info-section{ overflow: hidden; }

}



/* max-width 320px */

@media (max-width: 320px) {

    .padding{ padding: 50px 0; }

}







/*======================================================

    Header Section

=======================================================*/

/* max-width 1024px */

@media (max-width: 1024px) {}



/* max-width 992px */

@media (max-width: 992px) {}



/* max-width 768px */

@media all and (max-width: 768px) {}



/* max-width 580px */

@media all and (max-width: 580px) {}



/* max-width 420px */

@media all and (max-width: 420px) {}



/* max-width 320px */

@media (max-width: 320px) {}



/*======================================================

    Main Slider

=======================================================*/

/* max-width 1024px */

@media (max-width: 1024px) {}



/* max-width 992px */

@media (max-width: 992px){}



/* max-width 768px */

@media all and (max-width: 768px) {}



/* max-width 580px */

@media all and (max-width: 580px) {}



/* max-width 420px */

@media all and (max-width: 420px) {}



/* max-width 320px */

@media (max-width: 320px) {}





/*======================================================

    Hero Section

=======================================================*/

/* max-width 1024px */

@media (max-width: 1024px) {}



/* max-width 992px */

@media (max-width: 992px){}



/* max-width 768px */

@media all and (max-width: 768px) {}



/* max-width 580px */

@media all and (max-width: 580px) {}



/* max-width 420px */

@media all and (max-width: 420px) {}



/* max-width 320px */

@media (max-width: 320px) {}







/*======================================================

    Service Section

=======================================================*/

/* max-width 1024px */

@media (max-width: 1024px) {}



/* max-width 992px */

@media (max-width: 992px){}



/* max-width 768px */

@media all and (max-width: 768px) {}



/* max-width 580px */

@media all and (max-width: 580px) {}



/* max-width 420px */

@media all and (max-width: 420px) {}



/* max-width 320px */

@media (max-width: 320px) {}