@media only screen and (min-width: 96em) and (max-width: 100em) {
    .layout-min-height{
        min-height: 600px;
    }
    .main-content .content-bg-design{
        min-height: 600px;
    }
}
@media only screen and (min-width: 101em){
    .layout-min-height{
        min-height: 700px;
    }
    .main-content .content-bg-design{
        min-height: 700px;
    }
}

/*
tablet view
*/
@media only screen and (min-width: 768px) and (max-width:1100px) {

    .float-lr{
        float: right;
    }
    .text-right-custom {
        text-align: left;
        padding-left: 1em;
        padding-right: 0;
    }
    .social-profile h3, .technical-help h3, .planning-execute h3{
        font-size: 14px;
    }
    .footer .social-profile .fa {
        width: 30px;
    }
    .footer .footer-boottom-bar .footer-menu li a {
        padding: 0 15px;
    }
    .footer{
        background-image: none;
    }
    .main-content .content-bg-design{
        background-image: none;
        min-height: 0;
    }
    .main-content.login-content .content-wrapper .content{
        padding: 0 0 0 3em;
    }
    .min-height-layout{
        background-color: #fafafa;
    }

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

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

    .top-bar .box {
        font-size: 13px;
        line-height: 0;
        padding: 5px 0 0 0;
    }

    #owl-example .owl-item{
        margin: 0;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        width: 35px;
    }
    .footer{
        background-image: none;
    }
    .main-content .content-bg-design{
        background-image: none;
        min-height: 0;
    }
    .main-content.login-content .content-wrapper .content{
        min-width: 100%;
        padding: 0;
        text-align: center;
    }

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .top-bar .box {
        font-size: 13px;
        line-height: 0;
        padding: 0;
    }
    #owl-example .owl-item{
        margin: 0;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        width: 35px;
    }
    .footer{
        background-image: none;
    }
    .main-content .content-bg-design{
        background-image: none;
        min-height: 0;
    }
    .main-content.login-content .content-wrapper .content{
        min-width: 100%;
        padding: 0;
        text-align: center;
    }

}