@charset "utf-8";
/*** Common Styles Starts ***/
body{
	padding:0;
	margin:0;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}
#dzine div,
#dzine table,
#dzine table td,
#dzine a,
#dzine span,
#dzine p,
#dzine li,
#dzine li a,
#dzine input,
#dzine select{
	font-family: 'Arimo', sans-serif;
}
.cleaner{
	clear:both;
}
*{
	box-sizing:border-box;
}
.radioclk, .hide_images{
	display:none;
}
a, a:active, a:focus{
   outline: 0;
}
a img, img{
	border: 0;
	vertical-align:middle;
}
a img, div img, img, .video embed{
	max-width:100%;
}
a{
	text-decoration: none;
}
a.linkopac img{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0; 
	opacity: 1.0;
}
a.linkopac:hover img{
	filter:alpha(opacity=60);   
	-moz-opacity: 0.6;   
	opacity: 0.6; 
}
[data-theme-image="block"] img {
    pointer-events: none;
}
.tab_content > #content1,
.tab_content > #content2,
.tab_content > #content3,
.tab_content > #content4,
.tab_content > #content5,
.tab_content > #content6,
.tab_content > #content7,
.tab_content > #content8{
	display:none;
}
#design{
	padding-top:10px;
}
#design table{
	margin-top:10px;
}
#design table tr td, #design table tr td a:link, #design table tr td a:visited{
	color:#333333;
	font-family:Tahoma;
	font-size:12px;
	text-decoration:none;
}
#design table tr td a:hover{
	text-decoration:underline;
	font-weight:normal;
}
/*** Common Styles Ends ***/



.header_top:after, .main_header:after, .footer_section:after{
	content:'';
	display:table;
	clear:both;
}


.main_bg {
	background:url(header_bg.jpg) #f5f5f5;
	background-repeat:repeat-x;
	background-position:center top;
}
#header{
	height:225px;
}

/*** Header Top Styles Starts ***/
.header_top{
	height:28px;
	background:#91c340;
	border-bottom:1px solid #8bb14a;
	padding:8px 0;
}
.header_top_left{
	float:left;
	color:#ffffff;
	font-size:12px;
	font-weight:400;
	text-align:left;
}
.header_top_right{
	float:right;
}
.header_top_menu ul{
	margin:0;
	padding:0;
	display:none;
}
.header_top_menu ul li{
	list-style:none;
	float:left;
}
.header_top_menu ul li a{
	color:#ffffff;
	font-size:12px;
	font-weight:400;
	text-align:center;
	display:block;
	text-decoration:none;
	padding:0 8px;
	position:relative;
}
.header_top_menu ul li:hover a{
	color:#222222;
}
.header_top_menu ul li a:after{
	content:'';
	display:block;
	position:absolute;
	width:1px;
	height:12px;
	background:#ffffff;
	right:0px;
	top:1px;
}
.header_top_menu ul li:last-child a:after{
	display:none;
}

/*** Main Header Styles Starts ***/
.main_header{
	height:93px;
	background:#ffffff;
}
.main_header_left{
	float:left;
	width:170px;
}
.logo img{
	padding-top:8px;
}
.logo a{
	display:block;
}
.main_header_right{
	float:right;
}
.quick_links{
	color:#171717;
	font-size:18px;
	font-weight:400;
	text-align:right;
	letter-spacing:0.5px;
	padding-top:18px;
}
.quick_links a{
	margin:0 6px 0 10px;
}
.quick_links a:first-child{
	margin:0 6px 0 0px;
}
.header_contact_link{
	padding:16px 6px 0 30px;
	background:url(message.jpg) no-repeat;
	background-position:2px 17px;
}
.header_contact_link a{
	color:#4f4f4f;
	font-size:16.5px;
	font-weight:400;
	text-align:left;
}
.header_contact_link a:hover{
	color:#e10004;
}
/*** Header Menu Style Starts ***/
#header_menu .menu-btn{
	display:none;
}
#header_menu{
	height:42px;
	background:#222222;
}
.header_menu{
	margin:0 auto;
	padding:0;
	position:relative;
	display: inline-block;
}
.header_menu > li{
	float:left;
	list-style:none;
	margin:0px;
	position:relative;
}
.header_menu > li > a{
	display:block;
	color:#ffffff;
	background:#222222;
	font-size:14px;
	padding:14px 55px 13px;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	height:42px;
	box-sizing: border-box;
	position:relative;
	transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.header_menu > li:hover > a{
	background:#8bb14a;
}
.header_menu > li:first-child {
	width:48px;
}
.header_menu > li:first-child > a{
	background:url(home.png) no-repeat #222222;
	background-position:14px 12px;
	padding:13px 5px;
	color:transparent;
}
.header_menu > li:first-child:hover > a{
	background:url(home.png) no-repeat #8bb14a;
	background-position:14px 12px;
}
.header_menu li:after{
	content:"";
	display:none;
	position:absolute;
	width:0; 
	height:0; 
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #ffffff;
	right:22px;
	top:19px;
}
/*.header_menu li:nth-child(4) a, .header_menu li:nth-child(6) a{
	padding:13px 29px;
}*/
.header_menu > li:first-child:after, .header_menu li:nth-child(4):after, .header_menu li:nth-child(6):after{
	display:none;
}
/*** Dropdown Menu Starts ***/
.header_menu li:hover > ul, .header_menu li a:hover > ul{
	display:block;
}
.header_menu li ul, .header_menu li ul > li {
	margin:0px;
	padding:0px;
	list-style:none;
}
.header_menu li ul{
	display:none;
}
.header_menu li:hover > ul{
	position:absolute;
	display:block;
	width:210px;
	top:41px;
	z-index:999;
	padding:5px 0px;
	margin:0;
	background:#8bb14a;
	border:2px solid #8bb14a;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}
.header_menu li:last-child:hover > ul{
	right:0;
}
.header_menu li:hover > ul > li{
	float:none;
	height:auto;
	line-height:normal;
}
.header_menu li:hover > ul > li:after{
	display:none;
}
.header_menu li:hover > ul > li a {
	display:block;
	font-weight:500;
	color:#ffffff;
	font-size:14px;
	height:auto;
	text-decoration:none;
	text-align:left;
	border-bottom:none;
	box-sizing: border-box;
	padding:8px 12px;
	text-transform:none;
}
.header_menu li:hover > ul > li a:after{
	display:none;
}
.header_menu li:hover > ul > li:hover a{
	color:#1f1f1f;
	background:#f1f2f4;
}
.header_menu li.submenu > ul > li a:before{
	display:none;
}

/*** Header USP Content Starts ***/
.header_usp_content{
	margin:0px auto;
	width:100%;
	height:62px;
	padding:17px 0 10px;
	border-bottom:1px solid #dfdfdf;
}
.header_usp_content:after, .mob_header_usp_content:after{
	content:'';
	display:table;
	clear:both;
}
.header_usp_content ul, .mob_header_usp_content ul{
	margin:0;
	padding:0;
}
.header_usp_content ul li, .mob_header_usp_content ul li{
	float:left;
	list-style:none;
	text-align:left;
}
.header_usp_content ul li:first-child{
	width:21%;
}
.header_usp_content ul li:nth-child(2){
	width:21%;
}
.header_usp_content ul li:nth-child(3){
	width:25%;
}
.header_usp_content ul li:nth-child(4){
	width:20%;
}
.header_usp_content ul li:nth-child(5){
	width:13%;
}
.header_usp_content ul li img, .mob_header_usp_content ul li img{
	vertical-align:top;
	display:inline-block;
	margin-top:-4px;
}
.header_usp_content ul li div, .mob_header_usp_content ul li div{
	color:#222222;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
	display:inline-block;
	line-height:15px;
}
.header_usp_content ul li div span, .mob_header_usp_content ul li div span{
	font-size:13px;
	text-transform:none;
	display:block;
}



#rotating_banner{
	width:100%;
	margin:10px auto 12px;
}
@keyframes slidy{
0% {left: 0;}
11% {left: 0;}
16% {left: -100%;}
27% {left: -100%;}
32% {left: -200%;}
43% {left: -200%;}
48% {left: -300%;}
59% {left: -300%;}
64% {left: -400%;}
75% {left: -400%;}
80% {left: -500%;}
91% {left: -500%;}
100% {left: 0;}
}
div#captioned-gallery{
    width: 100%;
	height: auto;
    overflow: hidden;
}
figure{
    margin: 0;
}
figure.slider{
    animation: 30s slidy infinite;
    font-size: 0;
    position: relative;
    width: 600%;
}
figure.slider figure{
    display: inline-block;
    height: auto;
    position: inherit;
	width: 16.66666666666667%;
}
figure.slider img{
    width: 100%;
	height: auto;
}
figure.slider figure figcaption{
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 2rem;
    padding: 0.6rem;
    position: absolute;
    width: 100%;
}

/*** LeftPanel Style Starts ***/
.panel_container{
	margin:0px 0 10px;
}
.panelbg{
	color:#ffffff;
	background:#91c340;
	font-size:14px;
	font-weight:700;
	display:block;
	text-transform:uppercase;
	text-align:left;
	padding:13px 5px 10px 12px;
	border-bottom:3px solid #668f27;
}
.panel_list{
	margin:0px;
	padding:7px 0;
	background:#ffffff;
}
.panel_list li{
	list-style-type:none;
}
.panel_list li a:link, .panel_list li a:active, .panel_list li a:visited{
	text-decoration:none;
	display:block;
	color:#222222;
	background:#ffffff;
	font-size:14px;
	text-align:left;
	padding:9px 5px 9px 12px;
	font-weight:400;
	word-wrap: break-word;
}
.panel_list li a:hover, .panel_list li a:focus{
	color:#ffffff;
	background:#222222;
}
.left_banner{
	margin-bottom:15px;
	padding-top:15px;
	text-align:center;
}
.left_banner:first-child{
	padding-top:0px;
}

/*** RightPanel Style Starts ***/
.panelbg.titlebg{
	padding:13px 5px 10px 15px;
}
.gallery_container{
	background:#ffffff;
	padding:15px 17px;
	margin-bottom:12px;
}
.item_title{
	font-size:24px;
	color:#222222;
	font-weight:700;
	padding:0px 10px 0px 0px;
	line-height:normal;
	text-align:left;
}
.check_ratings{
	padding:7px 0px 12px 82px;
	background:url(star_rating.jpg) no-repeat;
	background-position:0px 7px;
	text-align:left;
}
.check_ratings a{
	color:#585858;
	font-size:14px;
	font-weight:700;
	font-style:italic;
	letter-spacing:0.5px;
}
.check_ratings a:hover{
	color:#e10004;
}
.desc_container{
	background:#ffffff;
	padding:18px;
	margin-bottom:12px;
}
.desc{
	font-size:14px;
	color:#222222;
	text-align:left;
	padding:0px;
	word-wrap: break-word;
	font-weight:400;
	text-decoration:none;
}
.desc a, .tab_content a{
	word-wrap: break-word;
}
.desc p:first-child, .tab_content p:first-child{
	margin-top:0px;
}
.desc p:last-child, .tab_content p:last-child{
	margin-bottom:0px;
}
.desc ol, .tab_content ol, .desc ul, .tab_content ul{
	margin:0px;
	padding:0px;
}
.desc ol li, .tab_content ol li{
	margin:15px 0 0px 30px;
}
.desc ul li, .tab_content ul li{
	margin:15px 0 0px 30px;
	list-style: none;
}
.desc ul li:before, .tab_content ul li:before{
	content: '\2022';
	display: block;
	position: relative;
	max-width: 0;
	max-height: 0;
	left: -17px;
	top: -2px;
	color: #0090ff;
	font-size: 20px;
}
.tab_content ul li:before{
	top: 0px;
}
.desc img, .tab_content img{
	width:auto;
	height:auto;
	max-width:95%;
}
.desc table, .tab_content table{
	width:100%;
	border-collapse:collapse;
	margin:12px 0 0;
}
.desc table td, .tab_content table td{
	font-size:14px;
	color:#222222;
	text-align:center;
	word-wrap: break-word;
	font-weight:400;
	padding:8px;
	border:1px solid #e0e0e0;
}

/**** Related Items Content Starts ****/
#related_items{
	background:#ffffff;
	padding:18px;
	margin-bottom:12px;
}
.bestselling_item{
	text-align:left;
}
.bestselling_image{
	width:190px;
	height: 210px;
	margin:0 auto;
    padding: 0px;
    position: relative;
}
.bestselling_image a{
	bottom: 0;
    display: block;
    position: absolute;
    width: 190px;
}
.bestselling_image a img{
	width: 190px;
	height: auto;
	max-height: 210px;
    margin-bottom: 10px;
	background:#ffffff;
}
.bestselling_title{
	padding:0 5px;
	margin:12px 0;
}
.bestselling_title a{
	color: #222222;
    display: block;
    font-size: 13px;
    height: 60px;
    line-height: 19px;
    overflow: hidden;
    text-decoration: none;
}
.bestselling_title a:hover{
	color:#91c340;
}
.bestselling_price{
	color: #91c340;
    font-size: 14px;
	font-weight:700;
	padding:5px 0 0 5px;
}
#bs-slider {
	text-align: center;
	margin: 0 auto;
	max-width: 711px;
	position:relative;
}

#bs-slider input {
	display: none;
}
#bs-slider label, a {
	color: #ef023f;
	cursor: pointer;
	text-decoration: none;
}
#best_sell_slide1:checked ~ #bs-slides .best_sell_inner { margin-left:0; }
#best_sell_slide2:checked ~ #bs-slides .best_sell_inner { margin-left:-240px; }
#best_sell_slide3:checked ~ #bs-slides .best_sell_inner { margin-left:-480px; }
#best_sell_slide4:checked ~ #bs-slides .best_sell_inner { margin-left:-720px; }
#best_sell_slide5:checked ~ #bs-slides .best_sell_inner { margin-left:-960px; }
#best_sell_slide6:checked ~ #bs-slides .best_sell_inner { margin-left:-1200px; }
#best_sell_slide7:checked ~ #bs-slides .best_sell_inner { margin-left:-1440px; }
#best_sell_slide8:checked ~ #bs-slides .best_sell_inner { margin-left:-1680px; }

#best_sell_overflow {
	width: 100%;
	height:320px;
	overflow: hidden;
	margin:0 auto;
}
#bs-slides article img {
	width: 100%;
}
#bs-slides .best_sell_inner {
	width: 4000px;
	line-height: 0;
}
#bs-slides article {
	float: left;
    margin:0px 10px;
    padding:0px;
    width: 220px;
	height:320px;
	overflow:hidden;
}
#best_sell_controls {
	height: 36px;
	width: 36px;
	position:absolute;
	left:0px;
	right:0px;
	margin-left:auto;
	margin-right:auto;
	top:-40px;
	bottom:0px;
	margin-top:auto;
	margin-bottom:auto;
}
#best_sell_controls label{ 
	display: none;
	padding:18px;
}
#best_sell_slide1:checked ~ #best_sell_controls label:nth-child(2), 
#best_sell_slide2:checked ~ #best_sell_controls label:nth-child(3), 
#best_sell_slide3:checked ~ #best_sell_controls label:nth-child(4), 
#best_sell_slide4:checked ~ #best_sell_controls label:nth-child(5), 
#best_sell_slide5:checked ~ #best_sell_controls label:nth-child(6),
#best_sell_slide6:checked ~ #best_sell_controls label:nth-child(7),
#best_sell_slide7:checked ~ #best_sell_controls label:nth-child(8),
#best_sell_slide8:checked ~ #best_sell_controls label:nth-child(1){
	background: url('related_arrow_right.png') no-repeat 14px 9px;
	background-color:#4e4e4e;
	display: block;
	position: absolute;
	left: 355px;
	transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
#best_sell_slide1:checked ~ #best_sell_controls label:nth-child(2):hover, 
#best_sell_slide2:checked ~ #best_sell_controls label:nth-child(3):hover, 
#best_sell_slide3:checked ~ #best_sell_controls label:nth-child(4):hover, 
#best_sell_slide4:checked ~ #best_sell_controls label:nth-child(5):hover, 
#best_sell_slide5:checked ~ #best_sell_controls label:nth-child(6):hover,
#best_sell_slide6:checked ~ #best_sell_controls label:nth-child(7):hover,
#best_sell_slide7:checked ~ #best_sell_controls label:nth-child(8):hover,
#best_sell_slide8:checked ~ #best_sell_controls label:nth-child(1):hover{
	background: url('related_arrow_right.png') no-repeat 14px 9px;
	background-color:#91c340;
}

#best_sell_slide1:checked ~ #best_sell_controls label:nth-child(8),
#best_sell_slide2:checked ~ #best_sell_controls label:nth-child(1),
#best_sell_slide3:checked ~ #best_sell_controls label:nth-child(2),
#best_sell_slide4:checked ~ #best_sell_controls label:nth-child(3),
#best_sell_slide5:checked ~ #best_sell_controls label:nth-child(4),
#best_sell_slide6:checked ~ #best_sell_controls label:nth-child(5),
#best_sell_slide7:checked ~ #best_sell_controls label:nth-child(6),
#best_sell_slide8:checked ~ #best_sell_controls label:nth-child(7){
	background: url('related_arrow_left.png') no-repeat 14px 9px;
	background-color:#4e4e4e;
	float: left;
	display: block;
	position: absolute;
	right: 355px;
	transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
#best_sell_slide1:checked ~ #best_sell_controls label:nth-child(8):hover,
#best_sell_slide2:checked ~ #best_sell_controls label:nth-child(1):hover,
#best_sell_slide3:checked ~ #best_sell_controls label:nth-child(2):hover,
#best_sell_slide4:checked ~ #best_sell_controls label:nth-child(3):hover,
#best_sell_slide5:checked ~ #best_sell_controls label:nth-child(4):hover,
#best_sell_slide6:checked ~ #best_sell_controls label:nth-child(5):hover,
#best_sell_slide7:checked ~ #best_sell_controls label:nth-child(6):hover,
#best_sell_slide8:checked ~ #best_sell_controls label:nth-child(7):hover{
	background: url('related_arrow_left.png') no-repeat 14px 9px;
	background-color:#91c340;
}
#bs-slides {
	padding:0px 0;
}
#best_sell .bestselling_price{
	padding:12px 0 0 5px;
}

/* Animation */

#bs-slides .best_sell_inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#bs-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#best_sell_controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

/**** Footer USP Content Starts ****/
.footer_usp_content{
	background:#91c340;
	padding:27px 0 16px;
}
.footer_usp_content:after{
	content:'';
	display:table;
	clear:both;
}
.footer_usp_content ul{
	margin:0;
	padding:0;
}
.footer_usp_content ul li{
	float:left;
	list-style:none;
	text-align:left;
}
.footer_usp_content ul li:first-child{
	width:20%;
}
.footer_usp_content ul li:nth-child(2){
	width:20%;
}
.footer_usp_content ul li:nth-child(3){
	width:18%;
}
.footer_usp_content ul li:nth-child(4){
	width:22%;
}
.footer_usp_content ul li:nth-child(5){
	width:20%;
}
.footer_usp_content ul li img{
	vertical-align:top;
	display:inline-block;
	margin:-5px 3px 0 0;
}
.footer_usp_content ul li div{
	color:#212224;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
	display:inline-block;
	line-height:18px;
}

/*** Footer Starts ***/
.footer{
	background:#e0e0e0;
	padding:22px 0 10px;
}
.footer_section{
	padding:18px 0 5px;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
.footer_content_title{
	color:#000000;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	line-height:18px;
	padding-bottom:15px;
}
.footer_links, .footer_newsletter, .footer_payment{
	float:left;
}
.footer_links{
	width:28.33%;
}
.footer_links .footer_content_title{
	text-align:left;
	padding-left:20%;
}
.footer_content_links:after{
	content:'';
	display:table;
	clear:both;
}
.footer_content_links{
	float:left;
	width:50%;
}
.footer_links ul{
	margin:0;
	padding:0;
}
.footer_links ul li{
	list-style:none;
}
.footer_links ul li a{
	display:block;
	text-decoration:none;
	font-size:12px;
	color:#393939;
	font-weight:400;
	text-align:left;
	padding:2px 0 10px 12px;
	position:relative;
}
.footer_links ul li a:before{
	content:"";
	display:block;
	position:absolute;
	width:0; 
	height:0; 
	border-top:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid #6c6c6c;
	left:0px;
	top:5px;
}
.footer_links ul li:hover a{
	color:#91c340;
}
.footer_newsletter{
	width:38.33%;
	padding:0 2%;
}
.news_text{
	line-height:22px;
	font-size:12px;
	text-align:center;
	font-weight:400;
	width:60%;
	color:#393939;
}
.signup{
	margin:10px auto 15px;
	width:108px;
	height:29px;
}
.signup a{
	color:#ffffff;
	font-weight:600;
	font-size:13px;
	display:block;
	padding:8px 0 6px 15px;
	text-decoration:none;
	text-transform:uppercase;
	background:url(email_icon.png) #222222;
	background-repeat:no-repeat;
	background-position:7px 10px;
	transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.signup:hover a{
	background:url(email_icon.png) #91c340;
	background-repeat:no-repeat;
	background-position:7px 10px;
}
.footer_payment{
	width:33.33%;
}
.copyright_content{
	font-size:12px;
	text-align:center;
	font-weight:400;
	color:#393939;
	padding:12px 0 5px;
}


/*** PC Styles Starts ***/
@media screen and (min-width: 1011px){
.page_container{
	width:980px;
	margin:0 auto;
}
#right_panel{
	float:right;
	width:747px;
	margin-left:15px;
}
#left_panel{
	float:left;
	width:218px;
}
.footer_logo{
	margin-top:10px;
}
}


@media screen and (max-width:1010px){
a img, div img, img, .video embed{
	max-width:100%;
}
.page_container{
	width:100%;
	padding:0 10px;
	box-sizing: border-box;
}
.main_bg{
	background:#f5f5f5;
}
#right_panel{
	float:right;
	width:75%;
}
#left_panel{
	float:left;
	width:24%;
}
#header{
	height:auto;
}
.header_top{
	padding:8px 0 8px 8px;
}
.main_header{
	padding:0 10px;
}
#header_menu{
	height:auto;
}
.header_menu > li{
	float:none;
	display:inline-block;
}
.header_usp_content ul li:first-child{
	width:19%;
}
.header_usp_content ul li:nth-child(2){
	width:20%;
}
.header_usp_content ul li:nth-child(3){
	width:26%;
}
.header_usp_content ul li:nth-child(4){
	width:19%;
}
.header_usp_content ul li:nth-child(5){
	width:16%;
}
#related_section{
	display:none;
}
.footer_usp_content ul li, .footer_usp_content ul li{
	text-align:center;
}
.footer_usp_content ul li img, .footer_usp_content ul li img{
	display:block;
	margin:-10px auto 0;
}
.footer_usp_content ul li div, .footer_usp_content ul li div{
	text-align:center;
	display:block;
}
}


@media screen and (min-width:769px){
.mobile_slider, .mob_banners{
	display:none;
}
.desktop_slider{
	display:block;
}
}



@media screen and (max-width:768px){
#header{
	margin-bottom:10px;
}
.header_usp_content{
	display:none;
}
#left_panel{
	display:none;
}
#right_panel{
	float:none;
	width:100%;
	padding:0;
}
.mobile_slider, .mob_banners{
	display:block;
}
.desktop_slider{
	display:none;
}
.mob_banners .left_banner{
	display:inline-block;
}
}



@media screen and (min-width:641px){
.mobile_image{
	display:none;
}
/**** Pc Image Module Style Starts ****/
input[name='thumb_click']{
	display:none;
}
.desktop_image{
	width: 700px;
	margin: 0px auto 15px;
	padding:8px 0 0;
	position:relative;
	background:#ffffff;
}
.pc_main_img{
	width:700px;
	height:700px;
	margin: 0 auto;
	display:inline-block;
	position:relative;
}
.pc_main_img div{
	display:none;
	text-align:center;
}
.pc_main_img div img{
	width:auto;
	height:auto;
	max-width:700px; /*Width of the Main image*/
	max-height:700px; /*Height of the Main image*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.pc_thumb_img{
	width: 450px;
	margin: 15px auto;
	text-align:center;
}
.pc_thumb_img label{
	display:inline-block;
	margin:3px;
	width:80px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
	border:2px solid #2085de;
	position:relative;
	border-radius:5px;
}
.pc_thumb_img label:hover{
	border:2px solid #2c2c2c;
}
.pc_thumb_img label img{
	display: block;
	width:auto;
	height:auto;
	max-width:80px;
	max-height:80px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
#thumb-id1:checked ~ .pc_thumb_img .thumb-id1,
#thumb-id2:checked ~ .pc_thumb_img .thumb-id2,
#thumb-id3:checked ~ .pc_thumb_img .thumb-id3,
#thumb-id4:checked ~ .pc_thumb_img .thumb-id4,
#thumb-id5:checked ~ .pc_thumb_img .thumb-id5,
#thumb-id6:checked ~ .pc_thumb_img .thumb-id6,
#thumb-id7:checked ~ .pc_thumb_img .thumb-id7,
#thumb-id8:checked ~ .pc_thumb_img .thumb-id8,
#thumb-id9:checked ~ .pc_thumb_img .thumb-id9,
#thumb-id10:checked ~ .pc_thumb_img .thumb-id10{
	border:2px solid #222222;
}
#thumb-id1:checked ~ .pc_main_img #pc_main_img1,
#thumb-id2:checked ~ .pc_main_img #pc_main_img2,
#thumb-id3:checked ~ .pc_main_img #pc_main_img3,
#thumb-id4:checked ~ .pc_main_img #pc_main_img4,
#thumb-id5:checked ~ .pc_main_img #pc_main_img5,
#thumb-id6:checked ~ .pc_main_img #pc_main_img6,
#thumb-id7:checked ~ .pc_main_img #pc_main_img7,
#thumb-id8:checked ~ .pc_main_img #pc_main_img8,
#thumb-id9:checked ~ .pc_main_img #pc_main_img9,
#thumb-id10:checked ~ .pc_main_img #pc_main_img10{
	display:block;
}
/*thumb image unbroken hide */
.pc_thumb_img label[rel=""],
.pc_thumb_img label[rel="{{image1}}"],
.pc_thumb_img label[rel="{{image2}}"],
.pc_thumb_img label[rel="{{image3}}"],
.pc_thumb_img label[rel="{{image4}}"],
.pc_thumb_img label[rel="{{image5}}"],
.pc_thumb_img label[rel="{{image6}}"],
.pc_thumb_img label[rel="{{image7}}"],
.pc_thumb_img label[rel="{{image8}}"],
.pc_thumb_img label[rel="{{image9}}"],
.pc_thumb_img label[rel="{{image10}}"]{
	display: none !important;
}
/**** Bottom Tabs Style Starts ****/
.bottom_tab {
	margin:0px auto 12px;
}
.tab_title{
	color: #ffffff;
	background:#222222;
	display:block;
	float:left;
	cursor:pointer;
	text-align:center;
	margin:0 1% 0 0;
	padding:13px 0px;
	font-size: 14px;
	font-weight:700;
	width:19.2%;
	height:39px;
	text-decoration: none;
	text-transform:uppercase;
	transition-property: background-color;
    transition-duration: .2s;
    transition-timing-function: linear;
}
.tab_title:hover{
	color: #ffffff;
	background:#91c340;
}
.tab5{
	margin-right:0%;
}
.tab_top{
	border-bottom:3px solid #91c340;
	height:42px;
}
.tab_content{
	padding:10px 15px;
	clear:both;
	text-align:left;
	color:#222222;
	font-size: 14px;
	font-weight:400;
	text-decoration: none;
	line-height:24px;
	background:#ffffff;
}
.tab_content a{
	color:#1865f0;
	text-decoration:underline;
}
.tab_content a:hover{
	text-decoration:none;
}
.feedback_tab p{
	background:url(rating_positive.png) no-repeat;
	background-position:0px 6px;
	padding:0 0 10px 30px;
	border-bottom:1px solid #e3e3e3;
}
.feedback_tab p:last-child{
	background:none;
	border-bottom:none;
}
.mob_tab{
	display:none;
}
#tab1:checked ~ .tab_content #content1,
#tab2:checked ~ .tab_content #content2,
#tab3:checked ~ .tab_content #content3,
#tab4:checked ~ .tab_content #content4,
#tab5:checked ~ .tab_content #content5{
	display:block;
}
#tab1:checked ~ .tab_top .tab1,
#tab2:checked ~ .tab_top .tab2,
#tab3:checked ~ .tab_top .tab3,
#tab4:checked ~ .tab_top .tab4,
#tab5:checked ~ .tab_top .tab5{
	color: #ffffff;
	background:#91c340;
}
}


@media screen and (min-width:641px) and (max-width:1010px){
.desktop_image{
	width:98%;
}
.pc_main_img {
    width: 100%;
}
.pc_main_img div img {
    max-width: 100%;
}
.pc_thumb_img {
    width:100%;
}
}


@media screen and (max-width:640px){
.header_top_left{
	float:none;
	text-align:center;
}
.header_top_right, .main_header_right{
	display:none;
}
.item_title{
	font-size:20px;
}
.footer_usp_content ul li:first-child, .footer_usp_content ul li:nth-child(2), .footer_usp_content ul li:nth-child(3), .footer_usp_content ul li:nth-child(4), .footer_usp_content ul li:nth-child(5){
	width: auto;
    float: none;
    margin: 0 20px 20px;
    display: inline-block;
}
.footer_usp_content ul li img{
	margin:0 auto;
}
.footer_links, .footer_newsletter, .footer_payment{
	float:none;
	width:100%;
	padding:0;
}
.footer_links .footer_content_title{
	text-align:center;
	padding-left:0px;
}
.footer_content_links{
	float:none;
	display:inline-block;
	width:auto;
	margin:0 30px;
}
.footer_newsletter{
	padding:25px 0 20px;
}
.desktop_image{
	display:none;
}
/**** Mobile Tab Starts ****/
.tab_top{
	display:none;
}
.bottom_tab {
	width:100%;
	margin:10px auto 0;
	box-sizing:border-box;
}
.mob_tab {
	display:block;
}
.tab_title{
	color: #ffffff;
	background:#222222;
	font-size: 14px;
	font-weight: 700;
	float:none;
	text-decoration: none;
	text-align:left;
	margin:0px 0 5px;
	padding:9px 0;
	text-indent:12px;
	display:block;
	cursor:pointer;
	text-transform:uppercase;
}
.tab_title:after{
	content:"+";
	float:right;
	font-size:18px;
	margin-right:15px;
}
.tab_content {
	clear:both;
	font-size:14px;
	color:#222222;
	text-align:left;
	line-height:24px;
	word-wrap: break-word;
	font-weight:400;
}
.tab_content a{
	color:#1865f0;
	text-decoration:underline;
}
.tab_content a:hover{
	text-decoration:none;
}
.feedback_tab p{
	background:url(rating_positive.png) no-repeat;
	background-position:0px 6px;
	padding:0 0 10px 30px;
	border-bottom:1px solid #e3e3e3;
}
.feedback_tab p:last-child{
	background:none;
	border-bottom:none;
}
.tab_content #content1,
.tab_content #content2,
.tab_content #content3,
.tab_content #content4,
.tab_content #content5{
	margin:0px;
	padding:5px 10px 12px;
}
#mobtab1:checked ~ .tab_content #content1,
#mobtab2:checked ~ .tab_content #content2,
#mobtab3:checked ~ .tab_content #content3,
#mobtab4:checked ~ .tab_content #content4,
#mobtab5:checked ~ .tab_content #content5{
	display:block;
}
#mobtab1:checked ~ .tab_content .tab1,
#mobtab2:checked ~ .tab_content .tab2,
#mobtab3:checked ~ .tab_content .tab3,
#mobtab4:checked ~ .tab_content .tab4,
#mobtab5:checked ~ .tab_content .tab5{
	background:#91c340;
}
#mobtab1:checked ~ .tab_content .tab1:after,
#mobtab2:checked ~ .tab_content .tab2:after,
#mobtab3:checked ~ .tab_content .tab3:after,
#mobtab4:checked ~ .tab_content .tab4:after,
#mobtab5:checked ~ .tab_content .tab5:after{
	content:"-";
	float:right;
	font-size:20px;
	color:#ffffff;
	margin-right:15px;
}
/**** Mobile Image Slider Starts ****/
.desktop_image{
	display:none;
}
#mob-slider {
	background: transparent;
	text-align: center;
	margin: 10px auto 60px;
	max-width: 95%;
	width: auto;
	padding: 0;
	max-height:250px;
}
#mob-slides {
	position:relative;
	border:0px solid;
}
#mob-slider input {
	display: none;
}
#mob-slide1:checked ~ #mob-slides .mob-inner { margin-left:0; }
#mob-slide2:checked ~ #mob-slides .mob-inner { margin-left:-100%; }
#mob-slide3:checked ~ #mob-slides .mob-inner { margin-left:-200%; }
#mob-slide4:checked ~ #mob-slides .mob-inner { margin-left:-300%; }
#mob-slide5:checked ~ #mob-slides .mob-inner { margin-left:-400%; }
#mob-slide6:checked ~ #mob-slides .mob-inner { margin-left:-500%; }
#mob-slide7:checked ~ #mob-slides .mob-inner { margin-left:-600%; }
#mob-slide8:checked ~ #mob-slides .mob-inner { margin-left:-700%; }
#mob-slide9:checked ~ #mob-slides .mob-inner { margin-left:-800%; }
#mob-slide10:checked ~ #mob-slides .mob-inner { margin-left:-900%; }

#mob-overflow {
	width: 100%;
	overflow: hidden;
}
#mob-slides .mob-inner{
	width: 10000%;
	line-height: 0;
}
#mob-slides div ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#mob-slides div ul li{
	width: 1%;
	float: left;
	height:300px;
	position:relative;
}
#mob-slides div ul li img{
	/*width:100%;*/
	height:auto;
	max-width:100%;
	max-height:300px;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:auto;
}
#mob-slides #mob-controls label{
	display: none;
	width:20px;
	height:18px;
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	cursor: pointer;
	text-decoration: none;
}
#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(2), 
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(3), 
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(4), 
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(5), 
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(6),
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(7),
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(8),
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(9),
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(10),
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(1){
	background: url('arrow_right.jpg') no-repeat center top;
	display: block;
	float: right;
	right:-10px;
}
#mob-slide1:checked ~ #mob-slides #mob-controls label:nth-child(10),
#mob-slide2:checked ~ #mob-slides #mob-controls label:nth-child(1), 
#mob-slide3:checked ~ #mob-slides #mob-controls label:nth-child(2), 
#mob-slide4:checked ~ #mob-slides #mob-controls label:nth-child(3), 
#mob-slide5:checked ~ #mob-slides #mob-controls label:nth-child(4),
#mob-slide6:checked ~ #mob-slides #mob-controls label:nth-child(5),
#mob-slide7:checked ~ #mob-slides #mob-controls label:nth-child(6),
#mob-slide8:checked ~ #mob-slides #mob-controls label:nth-child(7),
#mob-slide9:checked ~ #mob-slides #mob-controls label:nth-child(8),
#mob-slide10:checked ~ #mob-slides #mob-controls label:nth-child(9){
	background: url('arrow_left.jpg') no-repeat center top;
	display: block;
	float: left;
	left:-10px;
}
#mob-slides ul li[rel=""], #mob-slides label[rel=""],
#mob-slides ul li[rel="{{image1}}"], #mob-slides label[rel="{{image1}}"],
#mob-slides ul li[rel="{{image2}}"], #mob-slides label[rel="{{image2}}"],
#mob-slides ul li[rel="{{image3}}"], #mob-slides label[rel="{{image3}}"],
#mob-slides ul li[rel="{{image4}}"], #mob-slides label[rel="{{image4}}"],
#mob-slides ul li[rel="{{image5}}"], #mob-slides label[rel="{{image5}}"],
#mob-slides ul li[rel="{{image6}}"], #mob-slides label[rel="{{image6}}"],
#mob-slides ul li[rel="{{image7}}"], #mob-slides label[rel="{{image7}}"],
#mob-slides ul li[rel="{{image8}}"], #mob-slides label[rel="{{image8}}"],
#mob-slides ul li[rel="{{image9}}"], #mob-slides label[rel="{{image9}}"],
#mob-slides ul li[rel="{{image10}}"], #mob-slides label[rel="{{image10}}"]{
	display:none !important;
}
/* Animation */
#mob-slides .mob-inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
	
	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#mob-slider {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#mob-controls label{
	-webkit-transform: translateZ(0);
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#header_menu .menu-icon{
    cursor:pointer;
    display:inline-block;
    float:right;
    padding: 15px 8px;
    margin:-65px 5px 0 0px;
    position: relative;
    user-select: none;
	width:41px;
}
#header_menu .menu-icon .navicon{
    background: #102B4E;
    display: block;
    height: 3px;
    position: relative;
    transition: background .2s ease-out;
    width: 25px;
}
#header_menu .menu-icon .navicon:before, #header_menu .menu-icon .navicon:after{
    background:#102B4E;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}
#header_menu .menu-icon .navicon:before{
    top: 7px;
}
#header_menu .menu-icon .navicon:after{
    top: -7px;
}
#header_menu .menu-btn:checked ~ .menu-icon .navicon{
    background: transparent;
}
#header_menu .menu-btn:checked ~ .menu-icon .navicon:before{
    transform: rotate(-45deg);
    top: 0px;
}
#header_menu .menu-btn:checked ~ .menu-icon .navicon:after{
    transform: rotate(45deg);
    top:0px;
}
#header_menu{	
    background: transparent;
    height: auto;
    position: relative;
    z-index: 999;
}
ul.header_menu{
	display:none;
}
ul.header_menu{
	background:#ffffff;
}
#header_menu .menu-btn:checked ~ ul.header_menu{
	display: inline-block;
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
}
ul.header_menu li{
	float:none;
	width: 100% !important;
	padding: 0px !important;
	position: unset;
	display:block;
}
ul.header_menu li a, .header_menu li:nth-child(4) a, .header_menu li:nth-child(6) a{
	font-size:15px;
	text-align:left;
	padding:13px 32px 13px 19px;
	border-top:none;
	border-bottom: 2px solid rgba(112,112,112,0.2);
}
.header_menu > li:first-child > a{
	background:#222222;
	color:#ffffff;
	padding:13px 32px 13px 19px;
}
.header_menu > li:first-child:hover > a{
	background:#91c340;
}
.header_menu li:after{
	height:0px;
	width:0px;
	display:none;
}
.header_menu li:hover > ul{
	display:none;
}
}



@media screen and (max-width:380px){
.main_header_left{
	width:200px;
}
.logo img{
	padding-top:15px;
}
.footer_content_links{
	margin:0 20px 0 15px;
}
.mob_banners .left_banner{
	width:45%;
}
}


.x-pbox .x-tins{
	padding:10px 2px 10px;
}
/* --- template image gallery -- thumbs side --- */
#x-temp-gall														{ width:100%; max-width:700px; margin:0 auto; }
#x-temp-gall .x-cntr											{ display:table-cell; vertical-align:middle; text-align:center; }
#x-temp-gall #x-gall-main								{ background:#FFF none; margin-bottom:8px; float:left; } /* set spacing and border of main img holder */
#x-temp-gall #x-gall-main								{ width:auto; max-width:500px; height:auto; } /* set main img holder size */
#x-temp-gall #x-gall-main .x-cntr					{ width:100%; height:auto; } /* set main img holder size */
#x-template #x-main #x-gall-main img			{ width:100%; } /* set main img size */
#x-temp-gall #x-gall-thmb								{ width:170px; float:right; } /* thumbs gallery container */
#x-temp-gall #x-gall-thmb h5							{ font-size:11px; font-weight:normal; text-align:center; margin:0; padding:0 0 5px; width:100%; clear:both; } /* thumbs text title */
#x-temp-gall #x-gall-thmb h5 span					{ display:inline-block; width:18px; height:18px; background:transparent url(images/x-gall-icon.png) left center no-repeat; } /* thumbs title icon */
#x-temp-gall #x-gall-thmb .x-hold					{ border:1px solid #b2b2b1; background:#FFF none; margin:4px 2px; display:inline-block; } /* set spacing and border of thumb holders */
#x-temp-gall #x-gall-thmb .x-hold:hover		{ border:1px solid #91c340; }
#x-temp-gall #x-gall-thmb .x-hold,
#x-temp-gall #x-gall-thmb .x-cntr					{ width:70px; height:70px; } /* set thumb holders size */
#x-template #x-main #x-gall-thmb img			{ max-width:70px; max-height:70px; } /* set thumbs size */
#x-temp-gall .x-hide 										{ display:none !important; } /* hide unused gallery image slots */
/* --- beg adjust for extended width --- */
#x-temp-gall														{ max-width:840px; }
#x-temp-gall #x-gall-main								{ max-width:470px; }
#x-temp-gall #x-gall-thmb								{ width:auto; }
#x-temp-gall #x-gall-thmb .x-hold					{ width:72px; height:72px; } /* set thumb holders size */
#x-temp-gall #x-gall-thmb .x-cntr					{ width:70px; height:70px; } /* set thumb div size */
#x-temp-gall #x-gall-thmb .x-cntr img					{ max-width:70px; max-height:70px; } /* set thumb holders image size */
#x-template #x-main #x-gall-thmb img			{ max-width:70px; max-height:70px; } /* set thumbs size */
@media screen and (max-width:1060px) {
#x-temp-gall, 
#x-temp-gall #x-gall-main, 
#x-temp-gall														{ max-width:460px; }
#x-temp-gall #x-gall-main								{ max-width:460px; }
#x-temp-gall #x-gall-thmb								{ /* max-width:170px; */ max-width:460px; float:none; }
#x-temp-gall #x-gall-main								{ margin-bottom:10px; float:none; } /* set spacing and border of main img holder */
#x-temp-gall #x-gall-thmb h5							{ margin:0 auto; } /* thumbs text title */
#x-temp-gall #x-gall-thmb .x-hold					{ margin:3px 2px; display:inline-block; float:none; } /* set spacing and border of thumb holders */
#x-temp-gall #x-gall-thmb .x-hold,
#x-temp-gall #x-gall-thmb .x-cntr					{ width:100%; max-width:70px; height:100%; max-height:70px; } /* set thumb holders size */
#x-temp-gall #x-gall-thmb img						{ width:100%; max-width:70px; height:auto; max-height:70px; } /* set thumbs size */
}
@media screen and (min-width:1061px) {
#x-temp-gall #x-gall-thmb								{ width:100%; height:auto; text-align:center; margin:0 auto; overflow:hidden; line-height:1px; }
#x-temp-gall #x-gall-thmb								{ /* max-width:170px; */ max-width:460px; }
#x-temp-gall														{ max-width:460px; }
}
/* --- end adjust for extended width --- */
@media screen and (max-width:959px) {
#x-temp-gall, 
#x-temp-gall #x-gall-main, 
#x-temp-gall #x-gall-thmb								{ width:100%; height:auto; text-align:center; margin:0 auto; overflow:hidden; line-height:1px; }
#x-temp-gall														{ max-width:460px; }
#x-temp-gall #x-gall-main								{ max-width:460px; }
#x-temp-gall #x-gall-thmb								{ /* max-width:170px; */ max-width:460px; }
#x-temp-gall #x-gall-main								{ margin-bottom:10px; float:none; } /* set spacing and border of main img holder */
#x-temp-gall #x-gall-thmb h5							{ margin:0 auto; } /* thumbs text title */
#x-temp-gall #x-gall-thmb .x-hold					{ margin:3px 2px; display:inline-block; float:none; } /* set spacing and border of thumb holders */
#x-temp-gall #x-gall-thmb .x-hold,
#x-temp-gall #x-gall-thmb .x-cntr					{ width:100%; max-width:70px; height:100%; max-height:70px; } /* set thumb holders size */
#x-temp-gall #x-gall-thmb img						{ width:100%; max-width:70px; height:auto; max-height:70px; } /* set thumbs size */
}
@media screen and (max-width:768px) {
#x-temp-gall, 
#x-temp-gall #x-gall-main, 
#x-temp-gall #x-gall-thmb								{ width:100%; max-width:500px; height:auto; text-align:center; margin:0 auto; overflow:hidden; line-height:1px; }
#x-temp-gall														{ float:none; margin-bottom:15px; }
#x-temp-gall #x-gall-main								{ margin-bottom:10px; float:none; } /* set spacing and border of main img holder */
#x-temp-gall #x-gall-thmb h5							{ margin:0 auto; } /* thumbs text title */
#x-temp-gall #x-gall-thmb .x-hold					{ margin:4px 2px; display:inline-block; float:none; } /* set spacing and border of thumb holders */
#x-temp-gall #x-gall-thmb .x-hold,
#x-temp-gall #x-gall-thmb .x-cntr					{ width:100%; max-width:70px; height:100%; max-height:70px; } /* set thumb holders size */
#x-temp-gall #x-gall-thmb img						{ width:100%; max-width:70px; height:auto; max-height:70px; } /* set thumbs size */
}
@media screen and (max-width:320px) {
#x-temp-gall, 
#x-temp-gall #x-gall-main, 
#x-temp-gall #x-gall-thmb								{ width:98%; max-width:300px; height:auto; text-align:center; margin:0 auto; overflow:hidden; line-height:1px; }
#x-temp-gall														{ float:none; margin-bottom:15px; }
#x-temp-gall #x-gall-main								{ margin-bottom:10px; float:none; } /* set spacing and border of main img holder */
#x-temp-gall #x-gall-thmb h5							{ margin:0 auto; } /* thumbs text title */
#x-temp-gall #x-gall-thmb .x-hold					{ margin:3px 2px; display:inline-block; float:none; } /* set spacing and border of thumb holders */
#x-temp-gall #x-gall-thmb .x-hold,
#x-temp-gall #x-gall-thmb .x-cntr					{ width:100%; max-width:70px; height:100%; max-height:70px; } /* set thumb holders size */
#x-temp-gall #x-gall-thmb img						{ width:100%; max-width:70px; height:auto; max-height:70px; } /* set thumbs size */
}
/* add for removal of active content */
#x-temp-gall #x-gall-main								{ width:450px; height:450px; position:relative; }
#x-temp-gall #x-gall-main .x-cntr					{ width:450px; max-height:450px; text-align:center; }
#x-template #x-main #x-gall-main img			{ width:auto; max-width:500px; height:auto; max-height:500px; margin:0 auto; }
#x-temp-gall .x-cntr											{ background:#FFF none; }
div#x-gall-main > div										{ position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; z-index:0; }
div#x-gall-main > div:target							{ z-index:2; }
@media screen and (max-width:1070px) {
#x-temp-gall #x-gall-main,
#x-temp-gall #x-gall-main .x-cntr					{ width:450px; max-height:450px; text-align:center; }
#x-template #x-main #x-gall-main img			{ width:auto; max-width:460px; height:auto; max-height:460px; margin:0 auto; }
}
@media screen and (max-width:959px) {
#x-temp-gall #x-gall-main,
#x-temp-gall #x-gall-main .x-cntr					{ width:450px; max-height:450px; text-align:center; }
#x-temp-gall #x-gall-main .x-cntr img					{ width:auto; height:auto; max-height:450px; max-width:450px; text-align:center; }
#x-template #x-main #x-gall-main img			{ width:auto; max-width:450px; height:auto; max-height:450px; margin:0 auto; }
}
@media screen and (max-width:768px) {
#x-temp-gall #x-gall-main,
#x-temp-gall #x-gall-main .x-cntr					{ width:400px;   text-align:center; }
#x-template #x-main #x-gall-main img			{ width:auto; max-width:400px; height:auto; max-height:400px;  margin:0 auto; }
}
@media screen and (min-width:769px) {
#x-temp-gall #x-gall-main .x-cntr img {width: auto; height: auto; max-width: 450px; max-height: 450px;}
#x-temp-gall img					{ margin:0 auto; display:block; border:0 none; width:auto; height:auto; max-width:450px; max-height:450px; }
}
@media screen and (max-width:560px) {
#x-temp-gall #x-gall-main,
#x-temp-gall #x-gall-main .x-cntr					{ width:275px; max-height:275px; text-align:center; }
#x-temp-gall #x-gall-main .x-cntr img				{ max-height:275px; text-align:center; }
#x-template #x-main #x-gall-main img			{ width:auto; max-width:275px; height:auto; max-height:275px; margin:0 auto; }
}