﻿
@media screen and (max-width:1280px){
.welcome-div{width:100%;}
.wel-content {
  float: left;
  width: 580px!important;
}

}

@media screen and (max-width:1140px){
.welcome-div{width:99%;}
.wel-content {
  float: left;
  width: 500px!important;
}

}


@media screen and (max-width:1024px)
{
.center-div{ width:96%;}
.cols{ width:32% !important;}
.wel-content {
  float: left;
  width: 480px!important;
}

/*inner*/
.inner-right .cols{ width:100%!important;}
.readmore{position: relative; bottom: 10px;}
}

@media screen and (max-width:1000px)
{

.welcomimg{ display: none;}
.wel-content{ width:98%!important; }
.welcome-div{ min-height: 170px;}
.readmore{position: relative; bottom: 20px;}

}

@media screen and (max-width:768px)
{
.logo{ width:20%;}


.header-right{ width:80%;}
.header-right h3{ font-size:17px;}
.welcome-div{background: none repeat scroll 0 0 #f1f6f0;  min-height: 195px; }
.wel-content{ width:100%!important; }
.cols h2{ font-size:17px;}
.left-footer{ width:100%; text-align:center; line-height:normal; padding-top:10px;}
.footer p{ line-height:normal;}
.right-footer{ width:100%; text-align:center; padding-top:10px;}
}

@media screen and (max-width:700px)
{
/*inner*/
.inner-left{ float:left; width:100%;}
.inner-right{ float:left; width:100%;}
}

@media screen and (max-width:640px)
{
.welcome-div{width:100%;float:left;background:#f1f6f0;padding:30px 0 0;}
.wel-content{ width:100%!important;}

.logo{ width:100%; text-align:center;}
.header-right{ width:100%; text-align:center;}
.cols{ width:100% !important; margin-bottom:15px; /*border-bottom:solid 1px #52b84b; */padding-bottom:15px;}
.cols2{ margin-left:0px;}
.navigation ul li{ padding:0 8px;}
.metaslider .slides img {
  display: block;
  height: 270px;
  width: 100%;
.welcome-div{background: none repeat scroll 0 0 #f1f6f0;  min-height: 235px; }
}

}

@media screen and (max-width:600px)
{
.navigation{ display:none;}
}


@media screen and (max-width:480px)
{
.banner-content h2{ font-size:13px;}
.bx-wrapper img {
  display: block;
  width: 100%;
}
.banner-content{ padding-bottom:0px;}
.metaslider .slides img {
  display: block;
  height: 170px;
  width: 100%;
}
.banner-content{ padding: 0px;}
.center-div { width: 92%;}
.header-right h2 {  font-size: 21px;}

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

}