/**

 *    [Table of contents]

 *

 *    [&. Content / #key]

 *    [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]

 *

 *    Summary:

 *

 *    1. RESPONSIVE SCREEN

 *		  - 1.0. Responsive for layout boxed style

 *        - 1.1. Media screen max width 1600px

 *        - 1.2. Media screen max width 1024px

 *        - 1.3. Media screen max width 768px

 *        - 1.4. Media screen max width 767px

 *        - 1.5. Media screen max width 600px

 *        - 1.6. Media screen max width 480px

 *        - 1.7. Media screen max width 414px

 *        - 1.8. Media screen max width 380px

 *        - 1.9. Media screen max width 320px

 */





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

=            RESPONSIVE SCREEN            =

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



/*----------  1.0. Responsive for layout boxed style  ----------*/



@media (min-width:992px) and (max-width:1023px) {

    .body-wrapper.style-boxed {

        width: auto!important

    }

    .body-wrapper.style-boxed .header-middle {

        width: auto;

    }

}



@media (min-width:1024px) and (max-width:1199px) {

    .body-wrapper.style-boxed {

        width: 1000px!important

    }

    .body-wrapper.style-boxed .header-middle {

        width: 1000px;

    }

    .body-wrapper.style-boxed .container {

        width: 100%

    }

}



@media (min-width:1200px) {

    .body-wrapper.style-boxed .container {

        width: 100%

    }

}



@media screen and (max-width: 991px) {

	 /*boxed style*/

    .body-wrapper.style-boxed {

        width: auto!important

    }



    .body-wrapper.style-boxed .header-middle {

        width: auto;

    }

}

/*----------  1.1. Media screen max width 1600px  ----------*/



/*----------  1.2. Media screen max width 1024px  ----------*/

    @media screen  and (max-width: 1024px) {

        .coming-soon .main-count-wrapper .main-count {

            padding: 50px 0;

        }



        .slz-block-video .btn-play:after {

            display: block;

            margin-left: 0;

            margin-top: 20px;

            text-align: center;

        }

    }



/*----------  1.3. Media screen max width 768px  ----------*/

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

        .banner-subcribe .subcribe-info {

            width: 100%;

            float: none;

        }

        .banner-subcribe .slz-btn {

            float: none;

        }



        .slz-block-video .title {

            font-size: 30px;

        }

        .slz-block-item-01 .block-content {

            padding: 20px;

        }



        .slz-template-03 .slz-block-item-01.style-1 .block-content,

        .slz-template-03 .slz-block-item-01.style-2 .block-image + .block-content, 

        .slz-template-03.block-right-left .slz-list-block .item:nth-child(even) .block-content {

            padding: 20px;

        }

        .template-higher-top {

            margin-top: 100px;

        }

    

        .template-sidebar-full #page-sidebar .slz-widget {

            width: 50%;

        }



        .template-sidebar-full #page-sidebar .slz-widget:nth-child(-n + 3) {

            margin-top: 60px;

        }



        .template-sidebar-full #page-sidebar .slz-widget:nth-child(-n + 2) {

            margin-top: 0;

        }

        

        .banner-subcribe.slz-banner-01 {

            text-align: center;

        }



        .vc_column_container {

            width: 100%;

        }



        .slz-banner-01 .content-wrapper {

            padding: 45px 60px 80px 60px;

        }



        .banner-subcribe .slz-btn {

            margin-top: 20px;

        }



        .banner-subcribe .subcribe-info h1.title {

            padding-bottom: 20px;

            font-size: 26px;

        }



        .banner-subcribe .subcribe-info .description p {

            font-size: 16px;

        }



        .slz-teams .slz-about-me-02.style-02 .heading-right {

            width: 100%;

        }



        .slz-teams .slz-about-me-02.style-02 .content-wrapper {

            padding-left: 15px;

        }



        .slz-teams .slz-about-me-02.style-02 .heading-left {

            margin-bottom: 15px;

        }



        .slz-page-404 .title {

            font-size: 36px;

        }



        .slz-page-404 img {

            width: 80%;

        }



        .coming-soon {

            margin: 0 -20px;

        }



        .coming-soon .main-count-wrapper {

            padding: 0 20px;

        }



        .coming-soon .main-count-wrapper .main-count {

            padding: 38px 0;

        }



        .coming-soon .main-count-wrapper .stat-label {

            font-size: 18px;

        }



        .block-quote-wrapper .block-quote p {

            max-height: 50px;

            overflow: hidden;

        }
		
		.tp-parallax-wrap {left:20px!important;}
		

    }

/*----------  1.4. Media screen max width 767px  ----------*/

    @media screen and (max-width: 767px) {

        .template-sidebar-full #page-sidebar .slz-widget {

            width: 100%;

            margin-top: 100px;

        }



        .template-sidebar-full #page-sidebar .slz-widget:nth-child(-n + 2) {

            margin-top: 100px;

        }



        .template-sidebar-full #page-sidebar .slz-widget:first-child {

            margin-top: 0;

        }



        .template-sidebar-full #page-sidebar .slz-widget:nth-child(2n) {

            padding-left: 15px;

            margin-top: 100px;

        }



        .template-sidebar-full #page-sidebar .slz-widget:nth-child(2n + 1) {

            padding-right: 15px

        }



        .slz-page-404 .title {

            font-size: 30px;

        }



        .slz-page-404 img {

            width: 80%;

        }



        .coming-soon {

            margin: 0 -10px;

        }



        .coming-soon .main-count-wrapper {

            padding: 0 10px;

        }



        .coming-soon .main-count-wrapper .main-count {

            max-width: 130px;

            margin: 0 auto;

            padding: 28px 0;

        }



        .slz-template-03 .block-label .text.big {

            font-size: 16px;

        }

    }



/*----------  1.5. Media screen max width 600px  ----------*/

    @media screen and (max-width: 600px) {

        .wpcf7 .cf7-form-control.input-alt {

            width: 100%;

            margin: 0 0 10px;

        }



        .slz-banner-01 .content-wrapper{

            padding: 25px 15px 60px 15px;

        }



        .slz-teams .slz-about-me-02 .image-wrapper{

            display: block;

            width: 100%;

        }



        .slz-teams .slz-about-me-02.style-02 .content-wrapper{

            display: block;

            width: 100%;

        }



        .slz-teams .slz-about-me-02.style-02 .content-wrapper{

            padding-left: 0;

        }



        .slz-teams .slz-about-me-02.style-02 .block-wrapper{

            padding-bottom: 20px;

        }



        .slz-teams .slz-about-me-02.style-02 .heading-left{

            margin-bottom: 20px;

        }



        .slz-list-block.slz-column-5 > .item:nth-child(-n + 3){

            margin-top: 30px;

        }



        .slz-teams .slz-about-me-02.style-02 .heading-left{

            margin-bottom: 10px;

        }



        .slz-teams .slz-about-me-02.style-02 .info-wrapper{

            padding-top: 10px;

        }



        .coming-soon .main-count-wrapper .main-count {

            max-width: 110px;

            padding: 23px 0;

        }



        .coming-soon .main-count-wrapper .time {

            font-size: 35px;

        }



        .coming-soon .main-count-wrapper .stat-label {

            margin-top: 5px;

        }

    }



/*----------  1.6. Media screen max width 480px  ----------*/



    @media screen and (max-width: 480px) {

        .slz-page-404 .slz-btn{

            display: block;

            max-width: 480px;

            width: 60%;

            display:inline-block;

        }

        .slz-page-404 .title {

            font-size: 20px;

        }

        .slz-page-404 img {

            width: 80%;

        }



        .slz-banner-01 .title{

            font-size: 30px;

        }



        .slz-title-command .title-command-wrapper .title {

            font-size: 28px !important;

        }

        .slz-list-block .slz-progress-bar-02 {

            padding: 10px 0;

        }



        .coming-soon .main-count-wrapper {

            width: 50%;

            margin-top: 30px;

        }



        .coming-soon .main-count-wrapper:nth-child(-n + 2) {

            margin-top: 0;

        }



        .coming-soon .main-count-wrapper:nth-child(3):before {

            content: none;

        }



        .coming-soon .main-count-wrapper .main-count {

            max-width: 150px;

            padding: 43px 0;

        }



        .slz-template-03 .block-image.has-gallery .featured-carousel-item .wrapper-image:before {

            padding-top: 67%;

        }

    }

    



/*----------  1.7. Media screen max width 414px  ----------*/



    @media screen and (max-width: 414px) {

        .wpcf7 .cf7-form-control.left,

        .wpcf7 .cf7-form-control.right {

            width: 100%;

            margin: 0 0 10px;

        }



    

        .template-sidebar-full #page-sidebar .slz-widget {

            width: 100%;

        }



        .template-sidebar-full #page-sidebar .slz-widget:nth-child(-n + 2) {

            margin-top: 60px;

        }



        .template-sidebar-full #page-sidebar .slz-widget:first-child{

            margin-top: 0;

        }

    }

    

/*----------  1.8. Media screen max width 380px  ----------*/



    @media screen and (max-width: 380px) {

        .slz-page-404 .title {

            font-size: 16px;

        }

    }

/*----------  1.9. Media screen max width 320px  ----------*/



    @media screen and (max-width: 320px) {

        .slz-block-video .btn-play:after {

            font-size: 12px;

        }



        .coming-soon .main-count-wrapper .main-count {

            max-width: 130px;

            padding: 33px 0;

        }

    }



/*=====  End of RESPONSIVE SCREEN  ======*/