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

	.home-intro .intro-img {

		position: static;

		width: auto;

		margin-top: 30px;

	}

	.intro-content {

		padding-bottom: 30px;

	}

	.main-menu li a {

		padding: 20px 14px;

	}

	.home-intro{

		height: auto !important;

	}

}



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

	.header-info li {

		margin-right: 20px;

	}

	.mid-header .container {

		position: relative;

	}

	.searchbox {

		margin-right: 35px;

	}

	.main-menu {

		position: absolute;

		top: 0;

		right: 0;

	}

	.main-menu .mobile-btn {

		display: block;

		margin: 14px 0 14px 20px;

		font-size: 22px;

		cursor: pointer;

		transition: all 0.3s ease-in-out 0s;

		-moz-transition: all 0.3s ease-in-out 0s;

		-ms-transition: all 0.3s ease-in-out 0s;

		-webkit-transition: all 0.3s ease-in-out 0s;

		-o-transition: all 0.3s ease-in-out 0s;

	}

	.main-menu .mobile-btn:hover,

	.main-menu.open .mobile-btn {

		color: #333;

	}

	.main-menu .menu {

		position: absolute;

		background: rgba(255, 255, 255, 0.9);

		border: 1px solid #ededed;

		width: 270px;

		top: 100%;

		right: 0;

		margin: 20px 0 0;

		padding: 0;

		opacity: 0;

		list-style: none;

	    visibility: hidden;

	    transition: all 0.3s ease-in-out 0s;

	    -moz-transition: all 0.3s ease-in-out 0s;

	    -ms-transition: all 0.3s ease-in-out 0s;

	    -webkit-transition: all 0.3s ease-in-out 0s;

	    -o-transition: all 0.3s ease-in-out 0s;

	}

	.main-menu.open .menu {

		opacity: 1;

		visibility: visible;

		margin-top: 0;

	}

	.main-menu .menu > li {

		float: none;

	}

	.main-menu .menu > li > a {

		padding: 7px 15px;

		border: none;

		color: #636363;

		border-bottom: 1px solid #FFF;
		line-height: 30px;

	}

	.main-menu .menu > li > a:hover {

		color: #FFF;

		background: #D20001;

	}

	.main-menu .sub-menu {

		opacity: 1;

		visibility: visible;

		margin: 0;

		position: static;

		width: auto;

		border: none;

		display: none;

		max-height: 300px;

		overflow-y: auto;

	}

	.main-menu .sub-menu li a {

		padding-left: 25px;

		text-transform: none;

		font-size: 13px;

	}

	.main-menu .arrow {

		display: block;

		width: 25px;

		height: 25px;

		float: right;

		text-align: center;

		background: rgba(0, 0, 0, 0.1);

		line-height: 25px;

		margin: -2px -5px 0 0;

	}

	.product {

		width: 33.3333%;

	}

	.socials ul {

		text-align: left;

	}

	.footer-widget {

		padding-top: 20px;

	}

	.connect-us-widget .col-md-6 {

		margin-bottom: 30px;

	}



	.product.ao-ba-ba:nth-child(n){

		clear: none;

	}

	.product.ao-ba-ba:nth-child(3n+1){

		clear: both;

	}

	.secform div.common > label {

		width: 100%;

	}

	.secform #send{

		margin-left: 0;

	}

}



@media only screen and (max-width: 767px) {
	.contacts{
		top: auto;
		bottom: 0;
		right: auto;
		left: 0;
		text-align: center;
		width: 100%;
		display: none;
	}
	.contacts li{
		display: inline-block;
		margin: 0 2px;
	}
	.contacts li a p{
		display: none;
	}
	.top-nav {

		position: relative;

	}
	.coccoc-alo-phone{
		left: -40px;
		bottom: -35px;
	}
	.top-nav:after {

		content: "";

		clear: both;

		display: table;

	}

	.top-nav .mobile-btn {

		color: ##666666;

		cursor: pointer;

		display: block;

		float: right;

		font-size: 16px;

		padding: 5px 0;

		transition: all 0.3s ease-in-out 0s;

		-moz-transition: all 0.3s ease-in-out 0s;

		-ms-transition: all 0.3s ease-in-out 0s;

		-webkit-transition: all 0.3s ease-in-out 0s;

		-o-transition: all 0.3s ease-in-out 0s;

	}

	.top-nav .mobile-btn:hover,

	.top-nav.open .mobile-btn {

		color: #D10101;

	}

	.top-nav .menu {

		position: absolute;

		top: 100%;

		right: 0;

		width: 200px;

		background: #E4E5E7;

		padding: 10px 0;

		opacity: 0;

		visibility: hidden;

		transition: all 0.3s ease-in-out 0s;

		-moz-transition: all 0.3s ease-in-out 0s;

		-ms-transition: all 0.3s ease-in-out 0s;

		-webkit-transition: all 0.3s ease-in-out 0s;

		-o-transition: all 0.3s ease-in-out 0s;

	}

	.top-nav.open .menu {

		opacity: 1;

		visibility: visible;

	}

	.menu-laguagefocus{

		top: 107px !important;

	}

	.top-nav .menu li {

		display: block;

		margin: 0;

		padding: 3px 15px;

		line-height: normal;

	}

	.top-nav .lang li {

		padding: 0;

		display: inline-block;

		vertical-align: middle;

	}

	.home-cat-item {

		max-width: 370px;

		margin-right: auto;

		margin-left: auto;

		margin-bottom: 30px;

	}

	.galleries .gallery {

		width: 50%;

	}

	.galleries .gallery.col-2 {

		width: 100%;

	}

	.galleries .gallery img {

		width: 100%;

	}





	

}



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

	.product {

		width: 50%;

	}

	.product.ao-ba-ba:nth-child(n){

		clear: none;

	}

	.product.ao-ba-ba:nth-child(2n+1){

		clear: both;

	}

	.p-thumb img {

		width: 100%;

	}

}



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

	.home-cat,

	.home-product {

		overflow: hidden;

	}

	.header-info li {

		margin-right: 10px;

	}

	.top-header .col-xs-1 {

		padding-left: 0;

	}

	.main-title {

		font-size: 28px;

	}

	.searchbox {

	    position: relative;

	    padding: 21px 0 20px;

	}

	.searchbox .icon {

		display: block;

	}

	.searchform {

	    background: rgba(0, 0, 0, 0.5);

	    position: absolute;

	    top: 50%;

	    right: 0;

	    opacity: 0;

	    visibility: hidden;

	    transition: all 0.3s ease-in-out 0s;

	    -moz-transition: all 0.3s ease-in-out 0s;

	    -ms-transition: all 0.3s ease-in-out 0s;

	    -webkit-transition: all 0.3s ease-in-out 0s;

	    -o-transition: all 0.3s ease-in-out 0s;

	}

	.searchbox.open .searchform {

		opacity: 1;

		top: 100%;

		visibility: visible;

	}

}

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

	.product {

		width: 100%;

		float: none;

	}

}