/*
 *    [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
 *    2. CONTACT
 */



/*=========================================
=            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) {
            .slz-widget-about-us .widget-description + .social {
                margin-top: 20px;
            }

            .slz-widget .widget-title {
                margin-bottom: 15px;
            }

            .slz-blog-detail.layout-3 .single-posts-03 .blog-detail-wrapper span img.alignnone {
                width: 100%;
            }

            .slz-posts .sc_posts_mansory  .slz-block-item-01 .block-read-more {
                margin-top: 0;
                padding: 7px 0 10px 0;
            }

        }


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

        @media screen and (max-width:768px) {
            
            .sc-recruitment-list .slz-block-item-01.st-chennai .block-content-wrapper {
                display: block; 
            }
            .sc-recruitment-list .slz-block-item-01.st-chennai .block-content-wrapper .col-left {
                display: block;
                width: 100%;
                padding: 20px;
            }
            .sc-recruitment-list .slz-block-item-01.st-chennai .block-content-wrapper .col-right {
                display: block;
                width: 100%;
                padding: 0px 20px 20px;
            }
            .slz-block-item-01 .block-read-more {
                float: none;
                margin-top: 0px;
            }
            .sc-recruitment-list .slz-block-item-01:before{
                content: "";
                display: table;
            }
            .sc-recruitment-list .slz-block-item-01:after {
                content: "";
                display: table;
                clear: both;
            }

            .filter-warpper .form-group input,
            .filter-warpper .filter .filter-content {
                max-width: 170px;
            }

            .filter-warpper .filter.icon {
                margin-left: 5px;
            }

            .filter-warpper .filter.title {
                padding: 0;
                margin: 0;
            }

            .filter-warpper .filter.icon {
                padding-right: 10px;
            }

            .slz-block-item-01 .block-info-wrapper .block-read-more  {
                padding: 7px 0px 10px 0;
            }

            .slz-widget-about-us .widget-description + .social {
                margin-top: 20px;
            }

            .slz-wrapper-footer .slz-footer-main .slz-widget-about-us .title-widget.logo-title, 
            .slz-widget-about-us .title-widget.logo-title {
                margin-bottom: 15px;
            }

            .slz-widget .widget-title {
                margin-bottom: 15px;
            }

            .slz-widget-ads-banner .widget-content img.img-responsive {
                width: 100%;
            }
        }

    /*----------  1.4. Media screen max width 767px  ----------*/
        @media screen and (max-width: 767px) {
            .filter-warpper .form-group input, 
            .filter-warpper .filter .filter-content {
                max-width: 180px;
            }

            .filter-warpper .filter.title {
                display: block;
                width: 100%;
            }

            .filter-warpper {
                height: auto;
                padding: 5px;
            }

            .slz-blog-detail.layout-3 .blog-detail-wrapper .block-info {
                display: block;
            }

            .slz-block-video .block-video {
                margin-bottom: 50px;
            }

            .social-counter-wrapper.style-02 {
                margin-bottom: 50px;
            }
            
            .slz-sidebar-left .slz-content-column, 
            .slz-sidebar-column {
                float: none;
            }
        }

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

        @media screen and (max-width: 600px) {
            .filter-warpper .form-group input {
                
            }

            .filter-warpper .form-group input, 
            .filter-warpper .filter .filter-content {
                max-width: 250px;
            } 

            .filter-warpper .form-group input {
                margin: auto 0 5px auto;
            }


            .filter-warpper {
                padding: 5px;
            }

            .slz-partner-carousel .slick-list .slick-slide img {
                min-width: 130px;
                min-height: 50px;
            }

            .sc_ads_banner.slz-ads-banner a.link {
                margin-bottom: 20px;
            }

            #rev_slider_36_1 .uranus.tparrows:before {
                width: 30px;
                height: 30px;
                line-height: 30px;
            }

            #rev_slider_36_1 .uranus.tparrows {
                width: 30px;
                height: 30px;
            }

            #rev_slider_36_1 .uranus.tparrows.tp-leftarrow  {
                left: -10px !important;
            }

            #rev_slider_36_1 .uranus.tparrows.tp-rightarrow  {
                right: -10px !important;
            }

            .blog-detail-wrapper span img.alignnone,
            .blog-detail-wrapper span img.alignright  {
                width: 100%;
            }

            .blog-detail-wrapper span img.alignnone {
                margin-bottom: 20px;
            }
            .sc_process.la-italy .slz-process .content-cell .wrapper-info:after {
                content: none;
            }

        }
        
        @media screen and (max-width: 600px) and (min-width: 479px){
            .tp-parallax-wrap .tp-caption.splitted {
                font-size: 24px !important;
                margin: 0 auto !important;
            }
        }

    /*----------  1.6. Media screen max width 480px  ----------*/
        @media screen and (max-width: 480px) {
            
            .filter-warpper .form-group input, 
            .filter-warpper .filter .filter-content {
                max-width: 100%;
                margin: 0 auto;
            }  
            
            .filter-warpper .form-group input {
                margin-top: 5px;
            }

            .filter-warpper .filter {
                padding-top: 0;
                margin-top: 5px;
            }

            .filter-warpper .filter.title {
                width: 100%;
            }

            .filter-warpper .form-group input {
                width: 100%;
            }

            .filter-warpper .filter, 
            .filter-warpper .form-group {
                display: block;
            }

            .filter-warpper .form-group input, 
            .filter-warpper .filter .filter-content {
                min-width: 100%;
            }

            .filter-warpper .form-group input {
                margin: 5px 0 0 0;
            }

            .la-united-kingdom .slz-process .wrapper-icon {
                top: auto;
            }

             #rev_slider_36_1 .uranus.tparrows.tp-leftarrow  {
                left: -15px !important;
            }

            #rev_slider_36_1 .uranus.tparrows.tp-rightarrow  {
                right: -15px !important;
            }

            .sc_testimonial.la-india .slick-dots {
                bottom: 35px;
            }

        }

    /*----------  1.7. Media screen max width 414px  ----------*/
            @media screen and (max-width: 414px)  {
                .filter-warpper .form-group input {
                    margin-top: 0;
                }

                .filter-warpper .filter + .filter {
                    margin-top: 0;
                }

                
                .slz-posts .sc_posts_mansory  .slz-block-item-01 .block-read-more {
                    width: 100%;
                    display: block;
                    padding: 0;
                }

                .filter-warpper .filter, 
                .filter-warpper .form-group {
                    padding: 5px;
                }

            }

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


    /*----------  1.9. Media screen max width 320px  ----------*/
        @media screen and (max-width: 320px) {
            #rev_slider_36_1 .uranus.tparrows:before {
                font-size: 30px;
            }
        }


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


/*==================================
=            2. CONTACT            =
==================================*/
    @media screen and (max-width: 1024px) {
        .cf7.style-4 .form-left {
            width: 100%;
        }

        .cf7.style-4 .form-right {
            width: 100%;
        }

        .wpcf7  .cf7.style-4 .form-left .cf7-form-control.cf7-input-375,
        .wpcf7  .cf7.style-4 .form-left .cf7-form-control.cf7-input-25 {
            width: 33.33%;
        }
    }

    @media screen and (max-width: 736px) {
        .wpcf7  .cf7.style-4 .form-left .cf7-form-control.cf7-input-375,
        .wpcf7  .cf7.style-4 .form-left .cf7-form-control.cf7-input-25 {
            width: 100%;
        }
    }


/*=====  End of 2. CONTACT  ======*/