/*############### Overwrite The Basic Bootstrap Here ################*/
/*Important For Arabic*/
.dropdown-menu {text-align: right;}
.navbar-toggle {float: right;}
.navbar-nav > li > a {text-align:right;}
.navbar-nav {float: right;}
@media (min-width: 768px) {
.navbar-nav > li {float: right;}
}
/*Style*/
h1{font-size:35px;font-weight:bold;border-bottom:3px solid #ee2e24;padding-bottom:10px;}
h2{font-size:19px;}
h3{font-size:15px;}
.top{background:#133353}
.header{padding:20px 0 20px 0;height:100px}
.title{color:#133353;font:bold 30px arial;text-align:center;border:none;}
.separator{height:70px;width:100%;background:url(../images/about_bg.png) no-repeat bottom center}
.about{height:69px;width:100%;padding:5px 300px;background:#ee2e24 url(../images/filter.png) no-repeat 95% 50%;height:250px;color:#fff;text-align:center}
.products{background:#f1d239}
.yellow{background:#f1d239;color:#133353;min-height:200px;text-align:center}
.blue{background:#133353;color:#fff;min-height:200px;}
.row{margin-right:0;margin-left:0;}
.navbar-default {border:none;background:#fff;border-radius:0;padding-top:0px;margin:0px;max-height:50px;border-top:5px solid #000;z-index:1100}
.navbar-default .navbar-nav > li > a {color: #48362a;font-size:16px;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {border-bottom:3px solid #133353;}
.navbar-default .navbar-nav > .site_logo > a:hover{border-bottom:none;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {border-bottom:3px solid #000;background:transparent;color:#000}
.navbar-default .navbar-toggle {border-color:none;background:#f5f5f5;z-index:10;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #fff;}
.head_data{margin-top:18px;text-align:left;padding-left:50px;font-size:13px;padding-bottom:5px;font-weight:bold;color:#000}
.head_data i{margin-left:10px;color:#000}
.view-image{margin:10px 0 10px 10px;max-width:300px;background:#fff;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.icons{margin:3px}
.icons i{background:#ee2e24;color:fff;padding:9px;min-width:35px;height:35px;margin:2px;border-radius:40px;font-size:18px;}
.icons a i{color:#fff}
.icons a i:hover{background:#f1d239}
#codeincode_footer #designed{float:left;margin:5px;}
.divider .green{width:50%;height:10px;float:left;background:#3ab54d}
.divider .black{width:50%;height:10px;float:left;background:#000}
@media (min-width:768px){
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{float:right;}
}
@media (min-width:992px){
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:right;}
}
@media (min-width:1200px){
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:right;}
}
.caret{margin-right: 2px;}

@media (max-width: 768px) {
.desktop{display:none;}
.about{padding:5px;background:#ee2e24;height:auto;}
.separator2{display:none;}
.yellow{min-height:170px;}
.blue{min-height:200px;}
.navbar-default{float:none;margin:0px 0 0 0;background:#000;border:none;/*margin-right:-15px;margin-left:-15px;*/}
.navbar-default .navbar-nav{background:#000}
.navbar-default .navbar-nav{float:none;}
.navbar-default .navbar-nav > li > a {color: #fff;font-weight:bold;display:block}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {border-bottom:none;background:#f0f0f0;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {border-bottom:none;background:transparent;background:#f0f0f0;}
#site_logo{margin-left:20px;float:none;max-height:70px;margin:10px 0 5px 10px;}
#codeincode_footer #designed{float:none;}
.codeincode_header,.codeincode_header2{position:relative;margin-top:0;background:#afe1b7;margin-bottom:0;}
.view-image{float:none;margin:5px auto;width:95%;}
}