/************************************************************************************
smaller than 1300
*************************************************************************************/
@media screen and (max-width:1300px) {
.container{ width:96%; }


}
/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {
.container{ width:96%;}

.navbar-default .navbar-brand{ margin-top:-55px!important;}
.navbar-nav li.active{ background:#d4000a!important;}
.navbar .nav > li > a{ color:#fff!important;}

.section-about .about-text{ margin-bottom:15px!important;}
footer .widget{ margin-bottom:30px!important;}

.about-area .pro-image{ width:100%!important;}
.about-area .pro-image img{ width:100%!important;}

.form-horizontal .form-group{ width:100%!important;}
.form-control{ box-sizing:border-box!important;}
.con-move{ padding-left:15px!important;}
}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {
.container{ width:96%;}

}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) { 
.container{ width:96%!important;}

.navbar-default .navbar-brand{ margin-top:5px!important;}
.navbar-default .navbar-brand{ width:82%!important;}
.navbar-default .navbar-brand img{ width:100%!important;}
}

/************************************************************************************
smaller than 360
*************************************************************************************/
@media screen and (max-width: 360px) {
.container{width:96%!important;}

.navbar-default .navbar-brand{ width:80%!important;}
.navbar-default .navbar-brand{ margin-top:15px!important;}
}

/************************************************************************************
smaller than 320
*************************************************************************************/
@media screen and (max-width: 320px) {
.container{ width:96%!important;}


}