/*
Theme Name: responsive
*/
@media only screen and (max-width: 1600px) {

	
}


/* Note: Design for a width of 1024px */
@media only screen and (min-width: 1024px) and (max-width: 1215px) {

}
/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap {
		width: 90%;
	}
	.custom-logo {
		max-width: 215px;
	}
	.site-branding {
		width: 50%;
	}
	.headersearch {
		float: right;
		margin-top: 20px;
	}
	.woocommerce .button {
		padding: 5px 10px !important;
		font-size: 14px !important;
	}
	.products h2 {
		font-size: 14px !important;
	}
	.woocommerce-pagination {
		float: none;
	}
	.page-numbers {
		text-align: center;
		padding-left: 0px !important;
		margin-left: 0px !important;
	}
	.woocommerce-pagination .page-numbers li {
		display: inline-block;
	}
	.widgefootholders .widget-title {
		text-transform: uppercase;
	}
	.footwidholder ul {
		padding-left: 14px;
		width: 83%;
	}
	.woocommerce-breadcrumb {
		margin-top: 0px;
	}
	body {
		font-size: 12px;
	}
	
	
}



/* =Responsiveness: Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	body {
		text-align: center;
	}
	.lefttopheader {
		width: 100%;
		float: none;
		position: relative;
		top: 8px;
		padding-bottom: 10px;
	}
	.rightblocksection {
		float: none;
		width: 100%;
	}
	.leftblocksection {
		float: none;
		width: 100%;
		padding-top: 25px;
		margin-bottom: 45px;
	}
	.vc_col-sm-4 {
		width: 100%;
	}
	.subscribeholder .emaillist {
		margin-top: 32px !important;
	}
	
	.subscribeholder .vc_col-sm-6 {
		float: none;
		width: 100%;
	}
	
	.es_required_field.es_txt_email.ig_es_form_field_email {
		display: block;
		width: 100%;
		float: none;
	}
	.righttopheader {
		display: none;
	}
	.site-branding {
		float: none;
		width: 100%;
	}
	.headersearch {
		float: none;
		width: 100%;
		margin-top: 35px;
	}	
	.footwidholder {
		width: 100%;
		float: none;
	}
	.products {
		padding-left: 0px;
	}
	.footwidholder ul {
		padding-left: 0px;
	}
	.site-info {
		text-align: center;
	}
	.wrap {
		width: 90%;
	}
	
}

/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	body {
		text-align: center;
	}
	.site-branding {
		float: none;
		width: 100%;
	}
	.headersearch {
		float: none;
		width: 100%;
		margin-top: 35px;
	}	
	.footwidholder {
		width: 100%;
		float: none;
	}
	.products {
		padding-left: 0px;
	}
	.footwidholder ul {
		padding-left: 0px;
	}
	.site-info {
		text-align: center;
	}
}