/* =============================================================================
    16. RESPONSIVE - MEDIA QUERIES
============================================================================= */
@media only screen and (min-width: 960px) and (max-width: 1200px){

	form.newsletter{
		width: 44%;
	}
	.new-product{
		width: 45%;
	}
	ul.menu li a{
		padding: 10px 11px;
	}
	table.big {
		margin: 0 auto;
	}
	.categoty {
		padding: 10px;
	}
		.product-category a img{
		margin: 0 auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}
	form.newsletter{
		width: 62%;
	}
	table{
		margin: 0 auto;
	}
	footer .title .border {
	border-top: 1px solid #e57e2f;
	margin-left: 0%;
	margin-top: 25px;
	}
	.menu-2{
		display: none;
		background: #000;
		height: 30px;
		width: 30px;
	}
	.menu-1{
		display: none;
	}
		.row.home .grid_6 {
width: 50%!important;
}
	



}
@media only screen and (min-width: 768px) and (max-width: 959px){

	.product-category a img{
		margin: 0 auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}
	form.newsletter{
		width: 62%;
	}
	table.big {
		margin: 0 auto;
	}
	.product-category h2{
		text-align: center;
	}
	footer .title .border {
	border-top: 1px solid #e57e2f;
	margin-left: 0%;
	margin-top: 25px;
	}
	ul.menu{
		display: block;
	}
	.menu-2{
		display: none;
	}
	.row.home .grid_6 {
		width: 50%!important;
	}
	ul.menu-1{
		display: none;
	}
	ul.page-site{
		width: auto;
	}
	
	



}

/* min-width: 480px and max-width: 767px
   ========================================================================== */

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

		.product-category a img{
		margin: 0 auto;
		float: none;
		display: block;
		margin-bottom: 15px;
	}
	.product-category{
		margin: 10px;
	}
	table.big {
		width: 100%;
	}
 	.product-category h2{
 		text-align: center;
 	}
 	ul.list-category {
		margin: 20px;
	}
	form.newsletter{
		width: 65%;
		padding-top: 0;
	}
	.content-home-right img {
	float: none;
	padding-top: 15px;
	margin: 0 auto;
	display: block;
	}
	footer .title .border {
	border-top: 1px solid #e57e2f;
	margin-left: 0%;
	margin-top: 25px;
	}
	form{
		width: 100%;
	}
	.contact-right h3{
		width: 100%;
		box-sizing: border-box;
	}
	.content-sertifikat-right img{
		min-width: 100%;
		padding-left: 0px;
	}
	 ul.menu{
		display: none;
	}

	#showLeft {
		display: block;
	}
	footer .middle{
		padding: 0 18px;
		float: left;
		margin-bottom: 19px;
		margin-top: 19px;
	}
	.right {
		float: none;
		margin-top: 0;
		padding-left: 10px;
	}
	footer .right p{
		clear: both;
	}
	.katalog-1, .katalog-2{
		width: 100%;
	}
	ul.menu-1{
		position: absolute;
		overflow: hidden;
		width: 100%;
		background: #db3131;
		padding-top: 10px;
		float: none;
		z-index: 99;
		width: 100%;
		top: 40px;
	}
	ul.menu-1 li{
		float: none;
	}
	ul.menu-1 li a{
		color: #fff;
		border-bottom: 1px solid #fff;
	}
	.menu-2{
		display: block;
		float: left;
		padding: 5px 20px;
	}
	ul.page-site{
		width: auto;
	}


 

}

/* min-width: 320px and max-width: 479px
   ========================================================================== */

 @media only screen and (min-width: 320px) and (max-width: 479px){ 
 		form{
		width: 100%;
	}
	.contact-right h3{
		width: 100%;
		box-sizing: border-box;
	}
	form.newsletter{
		width: 100%;
		padding-top: 0;
	}
	header .flog {
	width: 24%;
	}
	.content-sertifikat-right img{
		width: 100%;
		padding-left: 0px;
	}
	.categoty a img{
		width: 100%;
	}
	/*--Responsiv-menu--*/

	 ul.menu{
		display: none;
	}

	#showLeft {
		display: block;
	}
	.new-product{
		width: 90%;
	}
	.content-home-right img {
	padding-left: 10px;
	}
	footer .title .border{
		margin-left: 0;
		padding-bottom: 5px;
		margin-top: 25px;
	}
	footer .middle{
		padding: 0 18px;
		float: left;
		margin-bottom: 19px;
		margin-top: 19px;
	}
	.right {
		float: none;
		margin-top: 0;
		padding-left: 10px;
	}
	.katalog-1, .katalog-2{
		width: 100%;
	}
	footer .right p{
		clear: both;
	}

	ul.menu-1{
		position: absolute;
		overflow: hidden;
		width: 100%;
		background: #47a3da;
		float: none;
		z-index: 99;
		width: 100%;
		top: 40px;
	}
	ul.menu-1 li{
		float: none;
	}
	ul.menu-1 li a{
		color: #fff;
		border-bottom: 1px solid #258ecd;
	}
	.menu-2{
		display: block;
	}
	table.big{
		margin: 0 auto;
		width: 100%;
	}
	.product-category img {
		float: none;
		margin: 0 auto;
		display: block;
		margin-bottom: 10px;
	}
	.hidden{
		display: none;
	}
	ul.list-category{
		margin-left: 0;
	}
	.row{
		width: 100%;
	}
	header form.newsletter input[type=text]{
		width: 65%;
	}
	.menu-2{
		float: left!important;
		width: 20%;
		text-align: center;
	}
	header form{
		float: right;
		width: 65%;
	}
	input.search,#search input[type="text"]{
		padding: 3px 10px;
		height: 30px;
	}
	.product-category p{
		line-height: 22px;
		padding: 10px;
	}
	.product-category{
		margin-right: 0;
	}
	ul.page-site{
		width: 65%;
	}
	.product-category h2{
		padding: 10px;
	}
	ul.menu-1{
		background: #db3131;
		padding-top: 10px;
	}
	ul.menu-1 li a{
		border-bottom: 1px solid #fff;
	}
	ul.page-site{
		width: auto;
	}


 

}