/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

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

	body {
	}
	
	#intro-products > div {
		width:100%;
	}
	#intro-products .product_list_widget li {
	
	}
	.intro-slide {
		/* width: 105% !important; */
	}

	.grid,
	.grid-right {
		float: none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}

	#intro-slider-sidebar {
		clear:both;
		overflow:hidden;
		padding-right: 15px;
		margin-right: -10px;
	}
	#intro-slider-sidebar > div {
		width:45%;
		float:left;
		margin-right:20px;
	}
	#intro-slider-sidebar > div+div{
		margin-right:-50px;
	}
	#intro-slider-sidebar > div+div embed{
		height:140px!important;
	}
	
	.jcarousel-control-prev {
		left: -27px;
	}
	.jcarousel-control-prev {
		right: -11px;
	}
	.colophon-widget {
		border-right:0px solid #fff;
	}
	
	#colophon-widget .social-wrap, #colophon-widget .widget_nav_menu > div+div {
		border-bottom:1px solid #E5E5E5;
	}
	#colophon-widget .widget_newsletterwidget {
		margin-bottom:15px;
	}
	
	#colophon-widget .widget_newsletterwidget .widget-title {
		margin-bottom:5px;
	}
	.jcarousel h3 {
		width:71.89%;
	}
	
	#content,
	#content-full,
	#content-blog,
	#content-images,
	#content-search,
	#content-archive ,
	#content-sitemap,
	#content-woocommerce	{
		width: auto;
		display:block;
		margin: 0;
		overflow: hidden;
	}
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		width: 20.42% !important;
	}
}

@media screen and (max-width: 800px) {
	.jcarousel h3 {
		width:70%;
	}
	#intro-info .latest-item-thumb img {
		max-height:250px;
	}
	.relatednews ul li { 
		width:45%;
		margin: 0 6px;
	}
	
	.relatednews ul li img { 
		max-width:100%;
	}
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		max-width: 100%;
		width: 79% !important;
	}
	
	.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
		float: none !important;
		margin-bottom: 2em;
		width: auto !important;
	}
	.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
		width:60% !important;
	}
	.woocommerce div.product div.images div.thumbnails a, .woocommerce #content div.product div.images div.thumbnails a, .woocommerce-page div.product div.images div.thumbnails a, .woocommerce-page #content div.product div.images div.thumbnails a {
		margin-right:2% !important;
	}


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

	.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li{
		font-size:0.6556em;
	}

	#intro-slider {
		min-height: 0px;
	}

	body {
	}
	
	#container,
	#footer {
		padding:0 10px;
	}

	#logo {
		float: none;
		margin: 0;
		text-align: center;
	}
	#top-widget > div {
		display:none;
	}
	
	.grid,
	.grid-right {
		float: none;
	}

	#intro-slider-sidebar {
		clear:both;
		overflow:hidden;
	}
	#intro-slider-sidebar img {
		height:auto;
	}
	
	#intro-slider-sidebar > div {
		width:auto;
		float:none;
		margin-right:0;
	}
	#intro-slider-sidebar > div+div{
		margin-right:0;
	}
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	#intro-slider-sidebar > div {
		height:auto;
		width:auto;
		max-width:100%;
	}
	#intro-slider-sidebar > div + div {
		height: auto;
	}

	.top-widget {
		float: none;
		margin: 0 auto 10px auto;
		position: relative;
		text-align: center;
		width: 100%;
		display: block;
	}

	.top-widget .widget-title {
		text-align: center;
	}

	.js .sub-header-menu {
		display: none;
	}

	.js .main-nav {
		position: relative;
		background-color: #1981C9;
		clear: both;
		margin: 0 auto;
		padding:0;
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
		width: 100%;
		top: 40px;
		z-index: 91000;
	}

	.js .main-nav .menu ul {
		margin-top: 1px;
	}

	.js .main-nav .menu li {
		float: none;
		background-color: #ddd;
		border: none;
	}
	
	.js .main-nav .menu li .menu-img {
		display:none;
	}
	
	.js .main-nav .menu li ul {
		display:block;
	}

	.js .main-nav .menu li a {
		color: #444444;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}

	.js .main-nav .menu li li:hover {
		background: none !important;
	}

	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}

	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}

	.js .main-nav .menu li a:hover,
	.js .main-nav .menu li li a:hover {
		background-image: none;
		filter: none;
		background-color: #f5f5f5 !important;
	}

	.js .main-nav .menu li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.js .main-nav .menu li li li a::before {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 20px;
	}

	.js .main-nav .menu li li li a::after {
		content: '\2013';
		position: absolute;
		top: 0;
		left: 30px;
	}

	.js .main-nav .menu li ul {
		position: static;
		visibility: visible;
		background-color: #ffffff;
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	#top-widget {
		overflow: hidden;
	}
	#intro-info .orange-buble {
		display:none;
	}

	#intro-info .orange-wrap-left,
	#intro-info .orange-wrap-right {
		height: 77px;
	}
		
	#intro-info .col-620 div + div .widget-title {
		height:44px;
	}

	.js .main-nav #responsive_current_menu_item {
		display: block;
		padding: 10px 40px 10px 10px;
		color: #ffffff;
		font-weight: 700;
		cursor: pointer;
		margin-bottom: 5px;
		text-align: left;
	}

	.js .main-nav a#responsive_menu_button {
		position: absolute;
		display: block;
		top: 6px;
		left: 100%;
		height: 30px;
		width: 23px;
		margin-left: -35px;
		background: url('../images/select-icons.png') 0 5px no-repeat;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button.responsive-toggle-open {
		background: url('../images/select-icons.png') 0 -46px no-repeat;
	}

	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	.tinynav {
		display: block;
	}

	.sb-holder {
		display: block;
	}

	#author-meta {
		padding: 20px;
	}

	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}
	
}

@media screen and (max-width: 560px) {
	.woocommerce {
		overflow: auto;
		position: relative;
		width: auto;
	}
	
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
		width:98% !important;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2	{
		width:auto !important;
	}
}
@media screen and (max-width: 480px) {

	body {
	}

	#logo {
		float: none;
		text-align: center;
	}

	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}

	.hide-480 {
		display: none;
	}
	#intro-slider .blue-wrap{
		margin-top: 0px !important;
	}
	#intro-slider h1{
		top: auto !important;
		font-size: 14px !important;
		line-height: 15px !important;
		padding: 8px !important;
		width: auto !important;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

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

	#intro-slider .blue-wrap{margin-top: -11px !important;}
	#intro-slider h1{margin-top: -4px !important;}
}
@media screen and (max-width: 320px) {

	body {
	}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

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

	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}



/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */

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

	.coupon {
		width: 100% !important;
	}
	
	.coupon #coupon_code {
		width: 48% !important;
	}
	
	.woocommerce-page table.shop_table .product-thumbnail img {
		margin:0 !important;
	}
	
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		width:auto !important;
	}

	/* Force table to not be like tables anymore */
	.woocommerce-page table.shop_table,
	.woocommerce-page table.shop_table thead,
	.woocommerce-page table.shop_table tbody,
	.woocommerce-page table.shop_table th,
	.woocommerce-page table.shop_table td,
	.woocommerce-page table.shop_table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.woocommerce-page table.shop_table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.woocommerce-page table.shop_table tr {
		/*border: 1px solid #d2d3d3; */
	}

	.woocommerce-page table.shop_table td {
		/* Behave like a "row" */
		border: 0px solid #d2d3d3;
		position: relative;
		padding-left: 30% !important;
	}

	.woocommerce-page table.shop_table {
		border: none;
	}

	.woocommerce-page table.shop_table td.product-spacer {
		border-color: #FFF;
		height: 10px;
	}

	.woocommerce-page table.shop_table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	*/
	.woocommerce-page table.shop_table td.product-remove:before {
		content: "DELETE:";
		font-weight: bold;
	}

	.woocommerce-page table.shop_table td.product-thumbnail:before {
		content: "IMAGE:";
		font-weight: bold;
	}

	.woocommerce-page table.shop_table td.product-name:before {
		content: "PRODUCT:";
		font-weight: bold;
	}

	.woocommerce-page table.shop_table td.product-price:before {
		content: "PRICE:";
		font-weight: bold;
	}

	.woocommerce-page table.shop_table td.product-quantity:before {
		content: "QUANTITY:";
		font-weight: bold;
	}

	.woocommerce-page table.shop_table td.product-subtotal:before {
		content: "SUBTOTAL:";
		font-weight: bold;
	}

	.woocommerce-page table.shop_table td.product-total:before {
		content: "TOTAL:";
		font-weight: bold;
	}

	.woocommerce .quantity,
	.woocommerce #content .quantity,
	.woocommerce-page .quantity,
	.woocommerce-page #content .quantity {
		margin: 0;
	}

	.woocommerce-page table.cart td.actions,
	.woocommerce-page #content table.cart td.actions {
		text-align: left;
		border:0;
		padding-left: 6px !important;
	}

	.woocommerce-page table.cart td.actions .button.alt,
	.woocommerce-page #content table.cart td.actions .button.alt {
		float: left;
		margin-top: 10px;
	}

	.woocommerce-page table.cart td.actions div,
	.woocommerce-page #content table.cart td.actions div,
	.woocommerce-page table.cart td.actions input,
	.woocommerce-page #content table.cart td.actions input {
		margin-bottom: 10px;
	}

	.woocommerce-page .cart-collaterals .cart_totals {
		float: left;
		width: 100%;
		text-align: left;
	}

	.woocommerce-page .cart-collaterals .cart_totals th,
	.woocommerce-page .cart-collaterals .cart_totals td {
		border:0 !important;
	}

	.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
	.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
	.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
		padding-left: 6px !important;
	}

	.woocommerce-page table.shop_table tr.cart-subtotal td,
	.woocommerce-page table.shop_table tr.shipping td,
	.woocommerce-page table.shop_table tr.total td,
	.woocommerce-page table.shop_table.order_details tfoot th,
	.woocommerce-page table.shop_table.order_details tfoot td {
		padding-left: 6px !important;
		border:0 !important;
	}

	.woocommerce-page table.shop_table tbody {
		padding-top: 10px;
	}

	.woocommerce .col2-set .col-1,
	.woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2,
	.woocommerce-page .col2-set .col-2,
	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last,
	.woocommerce-page form .form-row-first,
	.woocommerce-page form .form-row-last {
		float: none;
		width: 100%;
	}

	.woocommerce .order_details ul,
	.woocommerce-page .order_details ul,
	.woocommerce .order_details,
	.woocommerce-page .order_details {
		padding:0;
	}

	.woocommerce .order_details li,
	.woocommerce-page .order_details li {
		clear: left;
		margin-bottom: 10px;
		border:0;
	}

	/* make buttons full width, text wide anyway, improves effectiveness */
	#content table.cart td.actions .button,
	.woocommerce #content table.cart td.actions .input-text,
	.woocommerce #content table.cart td.actions input,
	.woocommerce table.cart td.actions .button,
	.woocommerce table.cart td.actions .input-text,
	.woocommerce table.cart td.actions input,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .input-text,
	.woocommerce-page #content table.cart td.actions input,
	.woocommerce-page table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .input-text,
	.woocommerce-page table.cart td.actions input {
		width: 100%;
	}

	/* keep coupon at 50% */
	#content table.cart td.actions .coupon .button,
	.woocommerce #content table.cart td.actions .coupon .input-text,
	.woocommerce #content table.cart td.actions .coupon input,
	.woocommerce table.cart td.actions .coupon .button,
	.woocommerce table.cart td.actions .coupon .input-text,
	.woocommerce table.cart td.actions .coupon input,
	.woocommerce-page #content table.cart td.actions .coupon .button,
	.woocommerce-page #content table.cart td.actions .coupon .input-text,
	.woocommerce-page #content table.cart td.actions .coupon input,
	.woocommerce-page table.cart td.actions .coupon .button,
	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon input {
		width: 48%;
	}

	/* clean up how coupon inputs display */
	#content table.cart td.actions .coupon,
	.woocommerce table.cart td.actions .coupon,
	.woocommerce-page #content table.cart td.actions .coupon,
	.woocommerce-page table.cart td.actions .coupon {
		margin-top: 1.5em;
	}

	#content table.cart td.actions .coupon .input-text,
	.woocommerce table.cart td.actions .coupon .input-text,
	.woocommerce-page #content table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon .input-text {
		margin-bottom: 1em;
	}

	/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
	.woocommerce .cart-collaterals .cross-sells,
	.woocommerce-page .cart-collaterals .cross-sells {
		display: none;
	}

	
}

/* new-design sonal (30-3-2017) */
/*.menu a{padding: 0 8px;}*/
#intro-info .cycle-slideshow .testimonial_author{margin-top: 20px;font-weight: 700;font-style: normal;}
.easy_testimonial .testimonial_author{float: right;font-weight: bold;}
#intro-info .latest-item.no-image .latest-item-title{width: 80%;display: inline-block;word-wrap: break-word;}
#intro-info .latest-item.no-image a {position: relative;}
#widgets a.button.sp_buynowbtn,
a.button.sp_buynowbtn{padding: 5px 15px;font-size: 15px;text-transform: uppercase;background: #F57E20;}
.intro-slide .orbit-caption {display: none}

#intro-info .col-620 > div {box-sizing: border-box;}
#intro-info .cycle-slideshow > div {width: 100% !important;word-wrap: break-word;}

@media only screen and (min-width:0) and (max-width:1200px){

	#container{width: 950px;box-sizing: border-box;}
	.menu a{padding: 0 17px;}
	.gallery br{clear: inherit !important;}
	#gallery-1 .gallery-item{width: 25%;max-width: 25%;}

}

@media only screen and (min-width:0) and (max-width:991px){

	#container{width: 750px;box-sizing: border-box;}
	.menu a{padding: 0 6px;}
	#intro-info .col-300 .widget-title h3{font-size: 15px;}
	#logo,
	.top-widget{float: left;width: 50%;box-sizing: border-box;}

}

@media only screen and (min-width:0) and (max-width:980px){

	#intro-info .col-620 > div + div,
	#intro-info .orange-wrap-left,
	#intro-info .orange-wrap-right,
	#intro-info .col-620 div + div .widget-title,
	#intro-info .cycle-slideshow{
		min-width: 98% !important;
		width: 98% !important;
	}
	#intro-info .col-620 div + div .widget-title{
		position: relative;
		z-index: 99999;
	}
	#intro-info .col-620 > div + div{
		margin-left: 1%;
		margin-right: 1%;
	}
	#intro-info .cycle-slideshow > div {
		width: 100% !important;
		word-wrap: break-word;
	}

	#intro-slider-sidebar{
		padding-right: 0;
		margin-right: 0;
		overflow: visible;
		display: inline-block;
		width: 100%;
	}
	#intro-slider-sidebar > div{height: 100%;}

	#intro-slider-sidebar > div {width: 48%;box-sizing: border-box;float: left;}

	#intro-slider-sidebar > div + div{
		margin-right: 4%;
	}
	#intro-slider-sidebar > div + div + div{
		margin-right: 0;
	}
	
	#intro-info .col-620 > div{
		margin-top: 34px;
	}
	#intro-info .grid.col-300{
		vertical-align: top;
	    float: none;
	    display: inline-block;
	    width: 100%;
	}
	#intro-info .col-620 > div + div{
		margin-top: 34px;
	}
	.grid.col-300.fit,
	.grid.col-300.fit.powered{display: inline-block;width: 100%;}
	.grid.col-300.fit.powered{width: 31.915%;}
	.widget-wrapper.widget_sp_image,
	.widget-wrapper.widget_text{width: 46%;float: left;margin-right: 4%;box-sizing: border-box;}

	.widget-wrapper.widget_text{margin-right: 0;}

	.colophon-widget{display: inline-block;border-right: 1px solid #E5E5E5;}
	#colophon-widget > div:last-child{border-right: 0px solid #fff;}
	#colophon-widget .widget_nav_menu > div + div{border-bottom: 0;}
	#colophon-widget .widget_newsletterwidget,
	#colophon-widget .widget_text{margin-bottom: 0;vertical-align: top;}
	.breadcrumb-list{margin-top: 15px;}

}

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

	#container{width: 100%;box-sizing: border-box;}
	.menu a{padding: 0 5px;font-size: 11px;}
	#top-widget > div + div{float: right;}

}

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

	.entry-title, .entry-title a,
	.tag-change1{font-size: 20px;line-height: 28px;}
	.solar{margin-left: 5px;width: 34px;height: 36px;background-size: 100%;}
	.post-entry h4{font-size: 16px;margin: 15px 0 10px;}
	.post-entry p {margin: 5px 0;font-size: 12px;line-height: 20px;}
	.post-entry ul{padding-left: 15px;}
	.post-entry li{font-size: 12px;}
	.js .main-nav .menu li{
		padding: 0;
	}
	.js .main-nav .menu li a{
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	.tag-change1{margin-bottom: 0;}
	
}

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

	.colophon-widget{float:none;border-right: 0;width: 100%;height: auto;min-height: 0;}
	#colophon-widget > div:last-child{border-right: 0px solid #fff;}
	#colophon-widget .widget_nav_menu > div + div{border-bottom: 1px solid #E5E5E5;}
	#colophon-widget .newsletter form p {width: 75%;}

	#colophon-widget .newsletter form p+p {width: 21%;}

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

	.grid.col-300.fit.powered {width: 56.915%;}

}

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

	#intro-slider {min-height: 0;margin-top: 15px !important;}
	#intro-slider-sidebar > div {width: 100%;}
	#intro-slider-sidebar > div + div{margin-right: 0;margin: 15px 0;}
	#intro-info .grid.col-300{margin-top: 15px;}
	#gallery-1 .gallery-item{width: 33.33%;max-width: 50%;}
	.widget-wrapper.widget_sp_image,
	.widget-wrapper.widget_text{width: 72%;float: none;margin-right: 4%;box-sizing: border-box;text-align: center;display: block;margin: 4% auto;}
	#logo, .top-widget{width: 100%;float: none;text-align: center;}
	#top-widget > div + div{float: none;}

}




/* END Make the cart table responsive */