/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
  #logo_img {
		  height: 45px !important;
		  top:0px;
	}
    
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
 #logo_img {
 		top: 2px!important;
		  height: 35px !important;
		    width: 200px !important;
	}
	.count{
		margin-top: 0px;

}
    
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	#logo_img {
		  height: 35px !important;
		  width: 200px !important;
		  top:10px !important;
	}
	.count{
		margin-top: 0px;
	
}

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
 #logo_img {
  height: 46px !important;
  left: 81px;
  position: absolute;
  width: 157px !important;
  top: -18px!important;
}
.count{
	margin-left: 0;
margin-top: 0;

}
    
}

/* Mobile Layout: 320px. */
@media only screen and (max-width : 320px) {

#logo_img {
  height: 46px !important;
  left: 81px;
  position: absolute;
  width: 157px !important;
  top: -18px!important;
}
.count{
	margin-left: -63px;
margin-top: 0;

}

}

@media only screen and (max-width: 370px) { 
    
.count {
  margin-left: 0;
  margin-top: 0;
}
    
#clockdiv, #clockdiv1 {
  min-width: auto;
  width: 100%;
    float: left;
}    
    
#clockdiv > div, #clockdiv1 > div  {
  padding: 3px;
    float: left;
}   
    
}


@media only screen and (max-width: 767px) {
    
    #clockdiv, #clockdiv1, .start a , .navigation-right ul li a, h1,h2,h3,h4,h5,h6 , body {
        
       font-family: 'Roboto', sans-serif;
    }  
    
    
}


@media only screen and (max-width: 767px) {
    .content_first p, .banner-bottom-text p {
  font-size: 17px;
}
    
.count {
  float: none !important;
  margin: 15px 0;
}
    
    .footer-grid {
  width: 100%;
}
    
.col-md-4.about-grid-right p, .new_design p {
    font-size: 17px;
}    
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) { 
    
    img.img-responsive {
  width: 60% !important;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px) { 
    img.img-responsive {
  width: 55% !important;
}
    
    .header::before, .header::after {
        width: 179px;
    } 
}

@media only screen and (max-width: 767px) {
    .header::before, .header::after {
        display: none;
    }  
}

@media only screen and (max-width: 414px) {
    .col-md-12.new_design {
        padding: 0;
    }
    
}