@media only screen and (min-width: 508px) and (max-width: 600px) {
.col-xs-3 {
    width: 19%;
}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
div .col-xs-3 {
    width: 16%;
}
}
.dotted_bg_wraper h2{
margin-top:0px;
}

@media (max-width: 767px) {

.navbar-inverse{
background:none;
border:none;
}
.navbar-toggle{
background:#ffce0d;
}
.navbar{
margin-top:65px;

}

.navbar-nav{
margin:0px;
background:#108bbc;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
background:#000;
color:#fff;
}
.navbar-nav > li > a{
padding:10px 11px;
}
.navbar-collapse{
margin-right:14px;
margin-bottom:10px;
}
.navbar-toggle{
margin-bottom:2px;
}
.welcome p{
font-size:14px;
}

.welcome h1{
font-size:24px;
}
.dotted_bg_wraper h2{
margin-top:20px;
font-size:26px;
margin-bottom:5px;
}
.dotted_bg_wraper h4{
font-size:18px;
}
.btm_menu_wrapper ul{
padding:0px;
}
.navbar-brand{
float:none;
}
.header_wrap{
height:auto;

}
a.navbar-brand{
margin-left:5px;
}
}

@media (min-width: 480px) {

.top-main-wrap .banner-main-bg .globe{width:13%;}
}


@media only screen and (min-width: 320px) and (max-width: 360px) {


.dotted_bg_wraper h2{
margin-top:0px;
}

.col-xs-3 {
    width: 30%;
}
}

@media only screen and (min-width: 360px) and (max-width: 480px) {


}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.img_box1, .img_box2, .img_box3{
float:left;
width:auto;
}

.welcome h1{
font-size:30px;
}
.welcome p{
font-size:14px;
}
.video_wrapper{
height:auto;
margin-bottom:20px;
}
.dotted_bg_wraper{
padding-top:20px;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
margin-right:10px;
}
.dotted_bg_wraper h2{
font-size:24px;
}
.dotted_bg_wraper h4{
font-size:18px;
}
.info_box{
width:auto;
float:none;
}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {
a.navbar-brand{
float:none;
}

.navbar-nav > li > a{
font-size:12px;
padding:15px 5px;
font-weight:normal;
}
.navbar{
margin-top:83px;
}

}




@media all and (max-width: 979px) {

.grey_box{
background-image:none;	
background-color:#fafafa;
}
.yellow_bg{
background:#ffc720;
min-height:0;
}




  }
  
  @media all and (min-width: 979px) and (max-width: 1200px) {

  
  .navbar-brand{
  float:none
  }
  .navbar{
  margin-top:55px;
  }
  .yellow_bg{
  min-height:0px;
  }
  .navbar-nav > li > a{
font-size:12px;
padding:15px 5px;
font-weight:normal;
}

  
  }
  
  @media all and (min-width: 992px) and (max-width: 1200px) {  
  .navbar{
  margin-top:133px;
  }
  }
  
   @media all and (max-width: 1200px) {

.inner_yellow_bg{
min-height:0px;
}
}