.mobile-menu {
 display:none;
}

.inner {
 min-width:310px;
}

/*Main 1050px*/
@media only screen and (max-width: 1050px) {
	.inner {
		max-width:95% !important;
	}

    body.home #content .latest-news ul li .left img {

	}
}

/*Main 1002px*/
@media only screen and (max-width: 1002px) {
 .mobile-menu {
  display:block;
 }
 .regular-menu {
  display:none;
 }
}

/*Main 970px*/
@media only screen and (max-width: 970px) {
 .inner {
  width:96%;
 }

 header .right .row2 div.main-title {
  font-size:25px;
  text-align:center;
 }

 #content .col-left h2.block-title {
  font-size:15px;
 }
}

/*Main 850px*/
@media only screen and (max-width: 850px) {
 #content img {
  max-width:100%;
  height:auto;
 }

 #content .col-left h2.block-title .side-menu-title {
  display:none;
 }

 .banner-wrap {
  height:300px;
 }

 .banner {
  height:325px;
 }
}

/*Main 768px*/
@media only screen and (max-width: 768px) {
	body.home #content .latest-news > ul li,
	body.home #content .latest-news ul li .left {
		height:auto !important;
	}
}

/*Main 750px*/
@media only screen and (max-width: 750px) {
 .logo img {
  width:100%;
  height:auto;
 }

 #content .col-left {
  width:100%;
  margin:0 0 20px 0;
 }

 #content .col-main {
  width:100%;
  margin:0 0 10px 0;
 }

 .banner-wrap {
  height:275px;
 }

 .banner {
  height:300px;
 }

 #content .col-left .left-menu .top,
 #content .col-left .left-menu .bottom {
  display:none;
 }

 #content .col-left .left-menu {
  margin-left:0px;
  margin-top:10px;
 }

 #content .col-left .left-menu ul {
  text-align:center;
 }

 #content .col-left .left-menu li {
  display:inline-block;
  width:100%;
  border:0px solid transparent !important;
  padding-left:0px !important;
 }

 #content .col-left h2.block-title,
 #content .col-left .left-menu .compare-btn-holder a {
  text-align:center;
 }

 #content .col-left .left-menu .compare-btn-holder span {
  display:block;
  padding-left:0px;
  width:100%;
  text-align:center;
 }

 #content .col-left .left-menu li span {
  display:none !important;
 }

 #content .col-left .left-menu li a {
  padding-right:15px !important;
 }

 #content .col-left .left-menu .compare-btn-holder {
  border:0px solid transparent;
  padding-left:0px;
 }
}

/*Main 650px*/
@media only screen and (max-width: 650px) {
 header > .inner {
 	padding-bottom:15px;
 }	
 body .register-item {
 	flex-wrap:wrap;
 }	
 body .register-item .register-table{
	max-width:100% !important;
	flex:0 0 100% !important; 		
 }
 body .register-item .button-holder {
 	margin-left:auto !important;
 	max-width:100%;
 } 	
 	
 #content .col-main h1 {
  font-size:40px;
 }

 footer .inner .created {
  position:static;
  line-height:20px;
  width:100%;
  text-align:center;
 }

 footer {
  min-height:48px;
  height:auto;
 }

 header .logo {
  width:100%;
  max-width:100%;
  text-align:center;
  margin-top:5px;
 }

 header .right .row1 {
  margin-top:5px;
 }

 header .right .row2 {
  margin-bottom:5px;
 }

 header .logo img {
  max-width:190px;
 }

 header .right {
  width:100%;
  margin-left:0px;
 }

 .banner-wrap {
  height:250px;
 }

 .banner {
  height:275px;
 }
}

/*Main 550px*/
@media only screen and (max-width: 550px) {
 .banner-wrap {
  height:225px;
 }

 .banner {
  height:250px;
 }
}

/*Main 450px*/
@media only screen and (max-width: 450px) {
 .banner-wrap {
  height:200px;
 }

 .banner {
  height:225px;
 }

 #content .latest-news ul li .left {
  width:100%;
  margin:0 0 10px 0;
  text-align:center;
 }

 #content .latest-news ul li .right {
  width:100%;
  margin:0 0 0px 0;
 }
}

/*Main 400px*/
@media only screen and (max-width: 400px) {
	#animalList {
		max-width:100%;
		overflow-x:scroll;		
	}
	body .register-item {
		width:450px;				
	}	
}

/*Main 350px*/
@media only screen and (max-width: 350px) {
 .banner-wrap {
  height:175px;
 }

 .banner {
  height:200px;
 }

}