/*

	- - - - - Contents - - - - -
	
    01 - Max 1199px
    02 - Max 991px
	03 - Max 767px
	04 - Min 1200px
    05 - Min 992px
	06 - Min 768px
	
	- - - - - - - - - - - - - -
	
*/

/*  01 -  Max 1199px
-----------------------------------------------------------*/
@media (max-width: 1199px){
    .wrapper{
        padding-left: 40px;
        padding-right: 40px;
    }
    .page-content{
        padding                 : 40px 0;
    }
    .home-services .wrapper{
        padding-left            : 0;
        padding-right           : 0;
    }
}

/*  02 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
    .page-photo{
        margin-bottom           : 40px;
    }
    .widget-contact-map{
        margin-top              : 40px;
    }
    .widget-news .widget-item .col-md-2{
        padding-bottom          : 40px;
    }
    .widget-services .widget-item .item-photo{
        margin-bottom           : 40px;
    }
    .home-slider .hs-item h1{
        font-size               : 36px;
    }
    .home-news{
        border-top              : 5px solid #324992;
        background              : #5c5c5c;
        background              : -webkit-gradient(left top, left bottom, color-stop(0%, #363535), color-stop(100%, #5d5d5d));
        background              : -webkit-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : -moz-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : -ms-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : -o-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : linear-gradient(to bottom, #363535 0%, #5d5d5d 100%);
        filter                  : progid:DXImageTransform.Microsoft.gradient( startColorstr='#363535', endColorstr='#5d5d5d', GradientType=0 );
    }
    .home-news .hn-inner h2{
        padding                 : 20px 0 0 0;
    }
    .home-news .hn-inner ul{
        width                   : 100%;
    }
    .home-news .hn-inner ul li a{
        padding                 : 15px 0;
    }
    .home-news .hn-inner ul li:nth-child(3) a{
        border-bottom           : 0;
    }
    .home-services .hs-item{
        height                  : 200px;
    }
    .home-services .hs-item h2{
        font-size               : 24px;
    }
    
    .site-header{
        border-bottom           : 1px solid #e1e1e1;
    }
    .site-header .header-top{
        padding-top             : 10px;
        padding-bottom          : 10px;
        position                : relative;
    }
    .site-header .header-top .ht-logo{
        float                   : left;
    }
    .site-header .header-top .ht-logo img{
        height                  : 60px;
    }
    .site-header .header-top .ht-topgrading{
        padding-right           : 60px;
    }
    .site-header .header-top .ht-toggle{
        position                : absolute;
        top                     : 0;
        right                   : 0;
        width                   : 80px;
        height                  : 80px;
        line-height             : 80px;
        font-size               : 30px;
        text-align              : center;
        border-left             : 1px solid #e1e1e1;
        cursor                  : pointer;
        background-color        : #fff;
    }
    .site-header .header-bottom{
        display                 : none;
        padding-top             : 20px;
    }
    .site-header .header-bottom .hb-lang{
        margin-left             : -40px;
        margin-right            : -40px;
        padding                 : 20px 40px;
        background-color        : #5D5B5B;
    }
    .site-header .header-bottom .hb-lang > ul > li{
        width                   : 50%;
    }
    .site-header .header-bottom .hb-lang > ul > li > a{
        width                   : 100%;
    }
    .site-header .header-bottom .hb-lang > ul > li:first-child > a{
        border-right            : 1px solid #000;
    }
    
    .site-footer .footer-top .ft-left{
        padding-top             : 120px;
        text-align              : center;
        background-repeat       : no-repeat;
        background-position     : top center;
        background-image        : url(../img/logo-iskur.png);
    }
    .site-footer .footer-top .ft-right{
        margin-top              : 40px;
        padding-top             : 130px;
        text-align              : center;
        font-size               : 18px;
        font-style              : italic;
        background-repeat       : no-repeat;
        background-position     : top center;
        background-image        : url(../img/charles-darwin.png);
    }
    .site-footer .footer-middle ul li{
        margin-bottom           : 20px;
    }
    .site-footer .footer-middle ul li a{
        text-align              : center;
    }
    .site-footer .footer-middle ul li:last-child{
        margin-bottom           : 0;
    }
    .site-footer .footer-bottom{
        text-align              : center;
    }
}

/*  03 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
    .page-top h1{
        font-size               : 24px;
    }
    .page-topgrading .topgrading-book a{
        line-height             : normal;
    }
    .home-slider .hs-item h1{
        font-size               : 24px;
    }
    .home-services .hs-item:after{
        width                   : 100%;
        height                  : 1px;
    }
    .site-header .header-top .wrapper{
        padding                 : 0;
    }
    .site-header .header-top .ht-logo{
        margin-left             : 20px;
    }
    .site-header .header-top .ht-topgrading{
        display                 : none;
    }
}

/*  04 -  Min 1200px
-----------------------------------------------------------*/
@media (min-width: 1200px){
    .wrapper{
        max-width               : 1200px;
        margin                  : 0 auto;
    }
    .page-content{
        padding                 : 50px;
    }
}

/*  05 -  Min 992px
-----------------------------------------------------------*/
@media (min-width: 992px){
    .page-top h1{
        font-size               : 60px;
    }
    .home-slider .hs-item h1{
        font-size               : 60px;
    }
    .home-news .wrapper{
        position                : relative;
        z-index                 : 2;
    }
    .home-news .hn-inner{
        position                : absolute;
        bottom                  : 30px;
        right                   : 0;
        width                   : 300px;
        max-height              : 320px;
        overflow                : hidden;
        border-top              : 5px solid #324992;
        background              : #5c5c5c;
        background              : -webkit-gradient(left top, left bottom, color-stop(0%, #363535), color-stop(100%, #5d5d5d));
        background              : -webkit-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : -moz-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : -ms-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : -o-linear-gradient(top, #363535 0%, #5d5d5d 100%);
        background              : linear-gradient(to bottom, #363535 0%, #5d5d5d 100%);
        filter                  : progid:DXImageTransform.Microsoft.gradient( startColorstr='#363535', endColorstr='#5d5d5d', GradientType=0 );
    }
    .home-news .hn-inner h2{
        padding                 : 20px 20px 0 20px;
    }
    .home-news .hn-inner ul li a{
        padding                 : 15px 20px;
    }
    .home-services .hs-item{
        width                   : 20% !important;
        height                  : 150px;
    }
    .home-services .hs-item h2{
        font-size               : 15px;
    }
    .home-services .hs-item:last-child a:after{
        content                 : "";
        position                : absolute;
        top                     : 0;
        right                   : 0;
        width                   : 1px;
        height                  : 100%;
        background-color        : #4863bc;
    }
    
    .site-header .header-top{
        height                  : 60px;
    }
    .site-header .header-top .wrapper{
        height                  : 60px;
        position                : relative;
    }
    .site-header .header-top .ht-logo{
        position                : absolute;
        top                     : 0;
        left                    : 0;
    }
    .site-header .header-top .ht-logo:before{
        position                : absolute;
        top                     : 0;
        left                    : 0;
        content                 : "";
        display                 : block;
        width                   : 260px;
        height                  : 180px;
        background-color        : #fff;
        -webkit-box-shadow      : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
           -moz-box-shadow      : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
            -ms-box-shadow      : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
             -o-box-shadow      : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
                box-shadow      : 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -webkit-transform       : skewX(-10deg);
           -moz-transform       : skewX(-10deg);
            -ms-transform       : skewX(-10deg);
             -o-transform       : skewX(-10deg);
                transform       : skewX(-10deg);
    }
    .site-header .header-top .ht-logo a{
        position                : relative;
        top                     : 28px;
        left                    : 24px;
        display                 : block;
        z-index                 : 1;
    }
    .site-header .header-top .ht-toggle{
        display                 : none;
    }
    
    .site-header .header-bottom{
        height                  : 50px;
    }
    .site-header .header-bottom .hb-nav{
        float                   : left;
        padding-left            : 300px;
    }
    .site-header .header-bottom .hb-nav > ul > li{
        float                   : left;
    }
    .site-header .header-bottom .hb-lang{
        float                   : right;
        padding-top             : 12px;
    }
    .site-header .header-bottom .hb-lang > ul > li{
        margin-right            : 10px;
    }
    
    .site-footer .footer-top .ft-left{
        float                   : left;
        width                   : 60%;
        height                  : 100px;
        padding-top             : 30px;
        padding-left            : 120px;
        background-repeat       : no-repeat;
        background-position     : top left;
        background-image        : url(../img/logo-iskur.png);
    }
    .site-footer .footer-top .ft-right{
        float                   : right;
        width                   : 40%;
        height                  : 110px;
        padding-top             : 30px;
        padding-right           : 100px;
        text-align              : right;
        font-size               : 18px;
        font-style              : italic;
        background-repeat       : no-repeat;
        background-position     : top right;
        background-image        : url(../img/charles-darwin.png);
    }
    .site-footer .footer-middle ul li{
        float                   : left;
        margin-right            : 20px;
    }
    .site-footer .footer-middle ul li:last-child{
        margin-right            : 0;
    }
}

/*  06 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){
    .page-topgrading .topgrading-book a{
        line-height             : 50px;
    }
    .home-services .hs-item{
        float                   : left;
        width                   : 50%;
    }
    .home-services .hs-item:nth-child(odd):after{
        display                 : none;
    }
    .home-services .hs-item:last-child{
        width                   : 100%;
    }
    .home-services .hs-item:last-child:after{
        display                 : block;
        width                   : 100%;
        height                  : 1px;
    }
}