@media (min-width: 768px) {
 


}

@media screen and (max-width: 600px) {
  
}
@media (max-width: 991px){

}

@media (max-width: 1200px) {
   
}
@media screen and (min-width:2400px) and (max-width: 3000px){

}
@media screen and (min-width:1800px) and (max-width: 2399px){

}
@media screen and (min-width:1400px) and (max-width: 1799px){
	
}
@media screen and (min-width:1200px) and (max-width: 1400px){

}
@media screen and (min-width:1200px) and (max-width: 1365px){
  


	
}
@media screen and (min-width:1024px) and (max-width: 1199px){
 #cssmenu > ul > li > a {padding: 14px 5px;
    font-size: 14px;}
 
}

@media screen and (min-width:768px) and (max-width: 1023px){
.logo {text-align:center;}
.logo img{width:100px;}
.top_menu ul{text-align:center;}
.navbar-dark .navbar-nav .nav-link {color: #fff;font-size: 13px;}
.about_bx {width: 60%;}
.about {width: 100%;padding: 50px 0px 0px 0px;}
#cssmenu {background: #008900;}
.logo{display:block;} 
.logos {width: 100%;text-align: center;}
.main_menu ul {
    margin-bottom: 0px;
    text-align: center;
}

}

@media screen and (min-width:320px) and (max-width: 767px){
 .main_menu .bg-dark {background-color: #008900 !important;}
 .navbar-brand{display:block;}
.navbar-dark .navbar-brand {color: #fff;padding-left: 10px;}
.logo {text-align:center;}
.logo img{width:100px;}
.top_menu ul{text-align:center;}
.top_menu ul li{ margin-right:40px;}
.top_menu ul li a img{width:20px;position:absolute;top:0px;left:-30px;}
.about {width: 100%;padding: 20px 0px 0px 0px;}
.about_bx {width: 100%;background: #fff;padding: 20px 30px;right: 0;top: 0px;position: relative;}
.main_pro_right{margin-top:30px;padding-top:10px;}
.logos{text-align:center;}
.logos img {width: 100%;max-width: 250px;}
.main_pro_title h3{text-align:center;}
#cssmenu {
    background: linear-gradient(75deg,#8db12d,#7fa726) !important;
}
.logo {display: block;}
.logo a {color: #fff;}
.main_menu ul {margin-bottom: 0px;text-align: center;}
#cssmenu > ul > li > a {padding: 15px;font-size: 15px;}
.page-title {text-align:center;padding: 300px 0px 50px 0px;}
.header {  margin-top: 0px;}
.products_sidebar {
    margin-bottom: 40px;}
.main_menu ul {
    margin-bottom: 0px;
    text-align: center;
}
}

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

}


@media (max-width: 767px){

}