/*

	Theme Name: CORPOTERA - Responsive Multi-Purpose HTML Template
	Theme URI: http://www.locotheme.com/corpotera-html/
	Description: Responsive Multi-Purpose HTML Template
	Version: 1.0
	Author: Loco Theme
	Author URI: http://www.locotheme.com

	- - - - - 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){
	.site-footer .footer-top .ft-about{
        margin-bottom           : 40px;
    }
}

/*  01 -  Max 991px
-----------------------------------------------------------*/
@media (max-width: 991px){
	.site-header,
    .site-block,
    .site-footer,
    .site-slider .slide-caption .caption-wrapper,
    .site-banner .banner-caption .caption-wrapper{
        padding-left			: 40px;
        padding-right			: 40px;
    }
    .site-slider .slide-caption,
    .site-banner .banner-caption{
        padding-top				: 100px;
    }
    .site-banner .banner-caption{
        padding-bottom			: 40px;
    }
    .site-block{
        padding-top             : 40px;
        padding-bottom          : 40px;
    }
    .site-block.full .section-title,
    .site-block.full .section-desc{
        padding-left			: 40px;
        padding-right			: 40px;
    }
    .site-grid .row div[class*="col-"]{
        border-bottom			: 1px solid #e7eaeb;
    }
    .site-grid .row div[class*="col-"]:last-child{
        border-bottom			: 0;
    }
    .site-grid .row + .row{
        border-top			: 0;
    }
    .site-grid.type-one .row div[class*="col-"]{
        padding					: 40px 40px;
    }
    .site-grid.type-two .row div[class*="col-"]{
        padding					: 30px 40px;
    }
    .site-promo.type-one,
    .site-promo.type-one .align-right{
        text-align              : left;
    }
    .site-promo.type-one h3{
        margin-bottom           : 20px;
    }
    .row.large{
        margin-left				: -20px;
        margin-right			: -20px;
    }
    .row.large div[class*="col-"]{
        padding-left			: 20px;
        padding-right			: 20px;
    }
    .row.large .data-form div[class*="col-"]{
        padding-left			: 15px;
        padding-right			: 15px;
    }
    .row.large .owl-theme .owl-controls .owl-pagination{
        padding-left			: 20px;
        padding-right			: 20px;
    }
    .team-list.type-one.vertical{
        margin-bottom			: -40px;
    }
    .team-list.type-one.vertical .team-member{
        margin-bottom			: 40px;
    }
    .team-list.type-two .row{
        margin-bottom			: 40px;
    }
    .pricing-table{
        margin-bottom           : -40px;
    }
    .pricing-table .item{
        margin-bottom           : 40px;
    }
    .blog-list.type-two .bl-post{
        margin-bottom			: 40px;
    }
    .blog-list.type-one.vertical .bl-post{
        margin-bottom			: 40px;
    }
    .services-list.type-two ul li .row div[class*="col-"]:first-child{
        padding-bottom          : 40px;
    }
    .blog-sidebar{
        padding-top             : 40px;
        margin-bottom           : -40px;
    }
    .works-filter,
    .works-filter ul,
    .works-filter .align-right{
        text-align              : center;
    }
    .works-filter h5{
        margin-bottom           : 20px;
    }
    .banner-hero{
        padding					: 40px 40px;
    }
    .mobile-space{
        height                  : 40px;
    }
    .site-header{
        position                : relative;
    }
    .site-header .header-top{
        display                 : none;
        width                   : 100%;
        padding                 : 20px;
        position                : absolute;
        bottom                  : 0;
        left                    : 0;
        z-index                 : 2;
        border-top              : 1px solid #b61e15;
    }
    .site-header .header-top > ul > li.ht-phone{
        display                 : none;
    }
    .site-header .header-top > ul > li.ht-lang{
        margin-bottom           : 10px;
        z-index                 : 1;
    }
    .site-header .header-top > ul > li.ht-lang .lang-select ul li a{
        padding                 : 0 15px;
    }
    .site-header .header-top > ul > li.ht-search input[type="text"]{
        width                   : 100%;
    }
    .site-header .header-bottom{
        padding                 : 0px 0;
        position                : relative;
        z-index                 : 1;
    }
    .site-header .header-bottom .hb-toggle{
        display                 : inline-block;
    }
    .site-header .header-bottom .hb-menu{
        display                 : none;
        padding-top             : 30px;
        padding-bottom          : 110px;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li{
        overflow                : hidden;
        margin-bottom           : 1px;
        -webkit-border-radius	: 5px;
           -moz-border-radius	: 5px;
                border-radius	: 5px;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li a{
        display                 : block;
        white-space             : nowrap;
        text-overflow           : ellipsis;
        height                  : 40px;
        line-height             : 40px;
        padding                 : 0 20px;
        overflow                : hidden;
        font-family             : 'Roboto', sans-serif;
        font-weight             : 700;
        color                   : #000;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li > ul > li a{
        color                   : #f1b9b8;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li > ul > li > a{
        color                   : #fff;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li:hover,
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu:hover,
    .site-header .header-bottom .hb-menu > nav > ul > li.sub.active,
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu.active{
        background-color        : #1a71b5;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub ul{
        display                 : none;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub.active > a{
        background-color        : #aa1b13;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub.active ul{
        display                 : block;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu > .mm-wrap{
        display                 : none;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu.active > .mm-wrap{
        display                 : block;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li.intro{
        padding                 : 20px;
    }
    .site-header.menu-active .header-top,
    .site-header.menu-active .header-bottom .hb-menu{
        display                 : block;
    }
}

/*  03 -  Max 767px
-----------------------------------------------------------*/
@media (max-width: 767px){
    .site-header,
    .site-block,
    .site-footer,
    .site-slider .slide-caption .caption-wrapper,
    .site-banner .banner-caption .caption-wrapper{
        padding-left			: 20px;
        padding-right			: 20px;
    }
    .site-block.full .section-title,
    .site-block.full .section-desc{
        padding-left			: 20px;
        padding-right			: 20px;
    }
    .site-block .section-desc{
        font-size               : 14px;
        line-height             : 20px;
    }
    .site-grid .row{
        margin-left				: 0;
        margin-right			: 0;
    }
    .site-grid.type-one .row div[class*="col-"]{
        padding					: 40px 20px;
    }
    .site-grid.type-two .row div[class*="col-"]{
        padding					: 30px 20px;
    }
    .client-filter div[class*="col-"]{
        margin-bottom           : 20px;
    }
    .client-filter div[class*="col-"]:last-child{
        margin-bottom           : 0;
    }
    .client-list.type-three .client-logo{
        margin-bottom           : 20px;
    }
    .client-list.type-three .client-logo img{
        max-width               : 200px;
    }
    .works-filter ul{
        display                 : block;
    }
    .works-filter ul li{
        margin-bottom           : 10px;
    }
    .works-list.type-one{
        margin-bottom           : -40px;
    }
    .works-list.type-one .row div[class*="col-"]{
        margin-bottom           : 40px;
    }
    .blog-list.type-one .bl-post .bl-image{
        margin-bottom           : 30px;
    }
    .testimonials-list.type-two ul li .customer-image{
        margin-bottom           : 20px;
    }
    .counter-list div[class*="col-"] .item{
        margin-bottom           : 30px;
    }
    .counter-list div[class*="col-"]:last-child .item{
        margin-bottom           : 0;
    }
    .banner-hero{
        padding					: 40px 20px;
    }
    .site-footer .footer-top .ft-links ul{
        margin-bottom           : 20px;
    }
    .site-footer .footer-top .ft-links ul:last-child{
        margin-bottom           : 0;
    }
    .site-footer .footer-middle h4{
        margin-bottom			: 20px;
    }
    .site-footer .footer-middle .fm-social{
        margin-bottom           : 20px;
    }
    .site-footer .footer-middle .fm-social ul{
        display                 : inline-block;
    }
    .site-footer .footer-middle .fm-newsletter .newsletter-form{
        position                : relative;
    }
    .site-footer .footer-middle .fm-newsletter .newsletter-form button{
        position                : absolute;
        top                     : 0;
        right                   : 0;
    }
    .site-footer .footer-middle .fm-newsletter .newsletter-form input[type="text"]{
        width					: 100%;
        padding-right           : 60px;
    }
    .site-footer .footer-bottom .fb-copyright{
        margin-bottom           : 20px;
    }
    .site-footer .footer-bottom .fb-contact ul li{
        margin-bottom           : 10px;
    }
    .site-footer .footer-bottom .fb-contact ul li:last-child{
        margin-bottom           : 0;
    }
}

/*  04 -  Min 1200px
-----------------------------------------------------------*/
@media (min-width: 1200px){
	.site-wrapper,
    .site-slider .slide-caption .caption-wrapper,
    .site-banner .banner-caption .caption-wrapper,
    header > .site-wrapper .site-header{
		max-width				: 100%;
		margin					: 0 auto;
	}
    .site-block .section-desc{
        padding-right           : 120px;
    }
    .row .owl-theme .owl-controls .owl-buttons{
        right					: 15px;
    }
    .row.large .owl-theme .owl-controls .owl-buttons{
        right					: 30px;
    }
    .owl-theme .owl-controls{
        margin-top				: 0;
    }
    .owl-theme .owl-controls .owl-buttons,
    .owl-theme .owl-controls .owl-pagination{
        position				: absolute;
    }
    .owl-theme .owl-controls .owl-buttons{
        right                   : 0;
    }
    .owl-theme .owl-controls .owl-pagination{
        left					: 0;
        bottom                  : -40px;
    }
    .owl-one.owl-theme .owl-controls .owl-buttons{
        bottom					: -30px;
    }
    .owl-one.owl-theme .owl-controls .owl-pagination{
        text-align				: left;
        bottom					: -20px;
    }
    .owl-two.owl-theme .owl-controls .owl-buttons,
    .owl-four.owl-theme .owl-controls .owl-buttons{
        top						: -80px;
    }
    .owl-three.owl-theme .owl-controls .owl-buttons{
        top						: -60px;
        right					: -20px;
    }
    .owl-three.owl-theme .owl-controls .owl-pagination{
        bottom					: -20px;
    }
    .owl-five.owl-theme .owl-controls .owl-buttons,
    .owl-five.owl-theme .owl-controls .owl-pagination{
        bottom					: 20px;
    }
    .owl-five.owl-theme .owl-controls .owl-pagination span{
        background-color		: #fff;
    }
    .pricing-table .item.active{
        -webkit-transform		: scale(1.1);
           -moz-transform		: scale(1.1);
             -o-transform		: scale(1.1);
            -ms-transform		: scale(1.1);
                transform		: scale(1.1);
    }
    .site-footer .footer-top .ft-about{
        float					: left;
        max-width				: 340px;
    }
    .site-footer .footer-top .ft-links{
        float					: right;
    }
}

/*  05 -  Min 992px
-----------------------------------------------------------*/
@media (min-width: 992px){
    .site-header,
    .site-block,
    .site-footer,
    .site-slider .slide-caption .caption-wrapper,
    .site-banner .banner-caption .caption-wrapper{
        padding-left			: 60px;
        padding-right			: 60px;
    }
    .site-slider{
        max-height				: 700px;
    }
    .site-slider .slide-caption{
        max-height				: 700px;
        padding-top				: 210px;
    }
    .site-banner{
        max-height              : 400px;
    }
    .site-banner .banner-caption{
        padding-top				: 180px;
        padding-bottom			: 60px;
    }
    .site-block{
        padding-top				: 60px;
        padding-bottom			: 60px;
    }
    .site-block .section-desc{
        margin-bottom			: 50px;
    }
    .site-block.full .section-title,
    .site-block.full .section-desc{
        padding-left			: 60px;
        padding-right			: 60px;
    }
    .site-grid{
        width					: 100%;
        display					: table;
        border-collapse			: collapse;
        table-layout			: fixed;
    }
    .site-grid .row{
        display					: table-row;
    }
    .site-grid .row div[class*="col-"]{
        display					: table-cell;
        float					: none;
        border-right			: 1px solid #e7eaeb;
    }
    .site-grid .row div[class*="col-"]:last-child{
        border-right			: 0;
    }
    .site-grid.type-one .row div[class*="col-"]{
        padding					: 40px 60px;
    }
    .site-grid.type-two .row div[class*="col-"]{
        padding					: 30px 40px;
    }
    .row.large{
        margin-left				: -30px;
        margin-right			: -30px;
    }
    .row.large div[class*="col-"]{
        padding-left			: 30px;
        padding-right			: 30px;
    }
    .row.large .data-form div[class*="col-"]{
        padding-left			: 15px;
        padding-right			: 15px;
    }
    .row.large .owl-theme .owl-controls .owl-pagination{
        padding-left			: 30px;
        padding-right			: 30px;
    }
    .team-list.type-one.vertical{
        margin-bottom			: -60px;
    }
    .team-list.type-one.vertical .team-member{
        margin-bottom			: 60px;
    }
    .team-list.type-two .row{
        margin-bottom			: 60px;
    }
    .blog-list.type-one.vertical .bl-post{
        margin-bottom			: 60px;
    }
    .blog-list.type-two .bl-post{
        margin-bottom			: 60px;
    }
    .banner-hero{
        padding					: 60px;
    }
    .site-header{
        max-height				: 120px;
    }
    .site-header .header-top{
        height					: 80px;
        padding-top				: 24px;
        text-align				: right;
    }
    .site-header .header-top > ul{
        display					: inline-block;
    }
    .site-header .header-top > ul > li{
        float					: left;
        margin-right			: 20px;
    }
    .site-header .header-top > ul > li.ht-lang,
    .site-header .header-top > ul > li.ht-search{
        z-index					: 3;
    }
    .site-header .header-top > ul > li.ht-lang{
        width					: 110px;
    }
    .site-header .header-top > ul > li.ht-lang .lang-select ul li a{
        padding					: 0 20px;
    }
    .site-header .header-top > ul > li.ht-search input[type="text"]{
        width					: 200px;
    }
    .site-header .header-top > ul > li:last-child{
        margin-right			: 0;
    }
    .site-header .header-bottom{
        position				: relative;
        text-align				: right;
    }
    .site-header .header-bottom .hb-logo{
        position				: absolute;
        bottom					: 20px;
        left					: 0;
    }
    .site-header .header-bottom .hb-menu{
        display					: inline-block;
        text-align				: left;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li{
        float					: left;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li > a{
        /*color					: #fff;*/
         -webkit-border-top-left-radius	: 3px;
        -webkit-border-top-right-radius	: 3px;
             -moz-border-radius-topleft	: 3px;
            -moz-border-radius-topright	: 3px;
                 border-top-left-radius	: 3px;
                border-top-right-radius	: 3px;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li > a,
    .site-header .header-bottom .hb-menu > nav > ul > li > ul li a{
        display					: block;
        white-space				: nowrap;
        text-overflow			: ellipsis;
        height					: 40px;
        line-height				: 40px;
        padding					: 0 15px;
        font-family             : 'Roboto', sans-serif;
        font-weight				: 700;
        -webkit-transition		: none;
           -moz-transition		: none;
            -ms-transition		: none;
             -o-transition		: none;
                transition		: none;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li:hover > a{
        color					: #000;
        background-color		: #fff;
        -webkit-box-shadow		: 0 0 5px rgba(50, 50, 50, 0.40);
           -moz-box-shadow		: 0 0 5px rgba(50, 50, 50, 0.40);
                box-shadow		: 0 0 5px rgba(50, 50, 50, 0.40);
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub{
        position				: relative;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > a{
        position				: relative;
        z-index					: 2;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > a:after{
        display					: none;
        content					: "";
        position				: absolute;
        bottom					: -4px;
        left					: 0;
        width					: 100%;
        height					: 5px;
        background-color		: #fff;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul{
        display					: none;
        position				: absolute;
        top						: 100%;
        left					: 0;
        z-index					: 1;
        -webkit-box-shadow		: 0 0 5px rgba(50, 50, 50, 0.40);
           -moz-box-shadow		: 0 0 5px rgba(50, 50, 50, 0.40);
                box-shadow		: 0 0 5px rgba(50, 50, 50, 0.40);
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul li{
        position				: relative;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul li a{
        min-width				: 140px;
        border-bottom			: 1px solid #e7eaeb;
        background-color		: #fff;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul li ul{
        display					: none;
        position				: absolute;
        top						: 0;
        left					: 100%;
        z-index					: 2;
        -webkit-box-shadow		: 0 0 5px rgba(50, 50, 50, 0.20);
           -moz-box-shadow		: 0 0 5px rgba(50, 50, 50, 0.20);
                box-shadow		: 0 0 5px rgba(50, 50, 50, 0.20);
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul li ul li a{
        border-left				: 1px solid #e7eaeb;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul li:hover > a{
        color					: #eb0e00;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub > ul li:hover > ul{
        display					: block;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub:hover > a:after{
        display					: block;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.sub:hover > ul{
        display					: block;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu > a{
        position				: relative;
        z-index					: 2;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu > a:after{
        display					: none;
        content					: "";
        position				: absolute;
        bottom					: -4px;
        left					: 0;
        width					: 100%;
        height					: 5px;
        background-color		: #fff;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap{
        display					: none;
        width					: 100%;
        position				: absolute;
        z-index					: 1;
        top						: 40px;
        left					: 0;
        padding					: 30px;
        background-color		: #fff;
        -webkit-box-shadow		: 0px 0 5px rgba(50, 50, 50, 0.30);
           -moz-box-shadow		: 0px 0 5px rgba(50, 50, 50, 0.30);
                box-shadow		: 0px 0 5px rgba(50, 50, 50, 0.30);
        -webkit-border-bottom-right-radius	: 5px;
         -webkit-border-bottom-left-radius	: 5px;
            -moz-border-radius-bottomright	: 5px;
             -moz-border-radius-bottomleft	: 5px;
                border-bottom-right-radius	: 5px;
                 border-bottom-left-radius	: 5px;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li{
        width					: 25%;
        float					: left;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li > ul:after{
        display					: block;
        content					: "";
        width					: 1px;
        height					: 100%;
        position				: absolute;
        top						: 0;
        background-color		: #e7eaeb;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li > ul > li > a{
        display					: block;
        white-space				: nowrap;
        text-overflow			: ellipsis;
        overflow				: hidden;
        height					: 34px;
        line-height				: 34px;
        padding					: 0 30px;
        font-family             : 'Roboto', sans-serif;
        font-weight				: 700;
        font-size				: 13px;
        -webkit-transition		: none;
           -moz-transition		: none;
            -ms-transition		: none;
             -o-transition		: none;
                transition		: none;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li > ul > li:hover > a{
        color					: #eb0e00;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li.intro{
        padding-right			: 30px;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu .mm-wrap > ul > li.intro img{
        margin-bottom			: 15px;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu:hover > a:after{
        display					: block;
    }
    .site-header .header-bottom .hb-menu > nav > ul > li.megamenu:hover .mm-wrap{
        display					: block;
    }
}

/*  06 -  Min 768px
-----------------------------------------------------------*/
@media (min-width: 768px){
    .works-filter ul li{
        float                   : left;
        margin-right            : 15px;
    }
    .works-filter ul li:last-child{
        margin-right            : 0;
    }
    .client-list.type-three ul li{
        padding-left            : 230px;
        position				: relative;
    }
    .client-list.type-three .client-logo{
        width					: 200px;
        height					: 100%;
        padding					: 0;
        padding-right			: 50px;
        position				: absolute;
        top						: 0;
        left					: 0;
        border-right			: 1px solid #e7eaeb;
    }
    .client-list.type-three .client-logo img{
        position				: relative;
        top						: 50%;
        transform				: translate(0, -50%);    
        -webkit-transform		: translate(0, -50%);
        -moz-transform			: translate(0, -50%);
        -ms-transform			: translate(0, -50%);
    }
    .testimonials-list.type-two ul li{
        position				: relative;
        padding-left			: 120px;
        min-height				: 100px;
    }
    .testimonials-list.type-two ul li .customer-image{
        position				: absolute;
        top						: 0;
        left					: 0;
    }
    .blog-list.type-one .bl-post .bl-image{
        width					: 20%;
        float					: left;
    }
    .blog-list.type-one .bl-post .bl-desc{
        width					: 80%;
        float					: left;
        padding-left			: 30px;
    }
    .site-footer .footer-top .ft-links ul{
        float					: left;
        margin-right			: 60px;
    }
    .site-footer .footer-top .ft-links ul:last-child{
        margin-right			: 0;
    }
    .site-footer .footer-middle h4{
        margin-bottom			: 40px;
    }
    .site-footer .footer-middle .fm-social{
        float					: left;
    }
    .site-footer .footer-middle .fm-newsletter{
        float					: right;
    }
    .site-footer .footer-middle .fm-newsletter h4{
        text-align				: right;
    }
    .site-footer .footer-middle .fm-newsletter .newsletter-form button,
    .site-footer .footer-middle .fm-newsletter .newsletter-form input[type="text"]{
        float					: left;
    }
    .site-footer .footer-middle .fm-newsletter .newsletter-form input[type="text"]{
        width					: 220px;
    }
    .site-footer .footer-bottom .fb-copyright{
        float					: left;
    }
    .site-footer .footer-bottom .fb-contact{
        float					: right;
    }
    .site-footer .footer-bottom .fb-contact ul li{
        float					: left;
        margin-right			: 15px;
    }
}