/*
 Author:       Cobweb Software
 Author URI:
 Template:     cobwebprogressive
 Version:      1.0.0

 Responsive layout

    1. Desktop max width 1199px
    2. Tablet max width 991px
    3. Tablet / Mobile max width 767px
    4. Mobile max width 579px

*/


/* -------------------------------------------------------------------------- *
 * 1. Desktop max width 1199px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 1199px) {
        #header #primary-menu ul li > a{
            font-size: 13px;
            padding-left: 0px;
        }

        #logo a.standard-logo{
            display: block !important;
        }
    }

/* -------------------------------------------------------------------------- *
 * 2. Tablet max width 991px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 991px) {

        #mobileMenu{
            display: block;
            float: none;
            position: fixed;
            z-index: 9999;
            background: #3A539B;
            left: 0;
            top: 0px;
            padding: 5px 12px;
        }

        body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a:focus{
            color: #3A539B !important;
        }

        .content-wrap{
            padding: 50px 0;
        }

        #top-search a{
            right: 8px;
        }

        #header #logo a{
            display: block;
            float: left;
        }

        #top-search form input{
            width: 50%;
        }

        #top-search .icon-line-cross{
            left: -30px;
        }

        .col_one_fourth {
            width: 50%;
            margin-right: 0 !important;
            margin-bottom: 50px !important;
        }

        .chronoform-style .gbs3 #form-row-captcha img{
            display: inline-block;
        }

    }

/* -------------------------------------------------------------------------- *
 * 3. Tablet / Mobile max width 767px                                                *
 * -------------------------------------------------------------------------- */

    @media (max-width: 767px) {
        #logo{
            height: 70px;
        }

        #header #logo a{
            float: none;
            padding: 25px 15px 15px 15px;
        }

        .header_top_right{
            position: absolute;
            top: 5px;
            right: -100px;
            width: 100%;
        }

        #top-search a{
            margin: 0;
            right: 50px;
        }

        #top-search form{
            height: 22px !important;
            left: -25px;
        }

        body.top-search-open #top-search form input{
            margin-top: 0 !important;
            height: 22px;
            width: 100%;
            font-size: 12px;
        }

        #top-search .icon-line-cross{
            left: 0px;
        }

        body.top-search-open #primary-menu-trigger{
            opacity: 1;
        }

        .col_one_fourth {
            width: 46%;
            float: left;
            margin-right: 15px !important;
        }

        .footer_bottom_left p{
            line-height: 20px;
        }

        .main_content_center img{
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .chronoform-style .gbs3 #form-row-captcha #fin-captcha1{
            width: 40% !important;
        }

        .chronoform-style .gbs3 #form-row-captcha #fin-captcha2{
            width: 30% !important;
        }

        #copyrights p{
            text-align: center;
        }

        #copyrights .footer_bottom_left p{
            padding-top: 15px;
        }
    }

/* -------------------------------------------------------------------------- *
 * 4. Mobile max width 579px                                                  *
 * -------------------------------------------------------------------------- */

    @media (max-width: 579px) {
        .header_top_right{
            right: -30px;
            width: 100%;
        }

        #header #logo a{
            padding: 15px 15px;
        }

        #logo{
            height: 60px;
        }

        #logo a{
            padding: 0;
            margin-top: 10px;
        }

        .col_one_fourth {
            width: 100%;
            float: none;
        }

        .footer_bottom_left p{
            line-height: 15px;
        }

        .chronoform-style .gbs3 #form-row-captcha #fin-captcha1{
            width: 50% !important;
        }

        .chronoform-style .gbs3 #form-row-captcha #fin-captcha2{
            width: 50% !important;
        }

        #top-search a{
            right: 15px;
        }

        #top-search form{
            left: 10px;
        }
    }

    @media (max-width: 320px) {
        #header #logo a{
            font-size: 30px;
        }
    }