/* ==========================================================================

	Responsive CSS Stylesheet.

	This stylesheet contains responsive styles for BeniStudio Template.
	We'll just add tweaks however this will contains the future
	responsive updates styles of this template.

	Do not change nothing as it will be constantly updated and your work might
	get overwritten.

========================================================================== */


.clearfix { *zoom: 1; }
.hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}
.input-block-level { display: block; width: 100%; min-height: 30px;}
.visible-xxs { display: none!important;}
.hidden-xxs { display: block!important;}


.hidden { display: none; visibility: hidden;}

.visible-phone { display: none !important;}
.visible-tablet { display: none !important;}
.hidden-desktop { display: none !important;}
.visible-desktop { display: inherit !important;}
.visible-print { display: none !important;}


@media (min-width: 768px) and (max-width: 992px) {
    .hidden-desktop { display: inherit !important;}
    .visible-desktop { display: none !important ;}
    .visible-tablet { display: inherit !important;}
    .hidden-tablet { display: none !important;}
    .form-horizontal .control-group { margin-bottom: 10px;}
    .contact_form .form-horizontal .controls { margin-left: 0;}
}

/* Higher screens+ */
@media only screen and (min-width : 1921px){

}

/** Desktop+ **/
@media (min-width: 1200px) {


}

/** Laptop **/
@media (max-width: 1200px) {

}

/** Laptop+ **/
@media (min-width: 992px) {

}

/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}

/** Large Tablets **/
@media (max-width: 992px) {


}

/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {


}

/** Tablets+  **/
@media (min-width: 768px) {

    .navbar-default {
        background-color: transparent;
        border-color: #E7E7E7;
        border-bottom: transparent;
    }

    /* Link */
    .navbar-default .navbar-nav > li > a {
        color:black;
        font-size: 22px;
    }
}

/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {


}

/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {

    #logo{
        height:50px !important;
    }

    #navbarscroll{
        height:80px !important;
    }

    #myNavbar {
        margin-top: 30px !important;
        background-color: #F8F8F8 !important;

    }

    /* Link */
    .navbar-default .navbar-nav > li > a {
        color: black;
        font-size: 16px;
    }

    .zone1{
        display: none;
    }

    .img-responsive{
        width:100% !important;
    }
}

/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}

/** Smartphone portrait mode **/
@media (max-width: 480px) {

    .visible-xxs {display: block!important; }
    .hidden-xxs {display: none!important; }


}

/** Normal phone portrait mode+ **/
@media (min-width: 320px) {

}

/* FIX IE10 MOBILE  1.6 */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}