﻿@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

@font-face {
    font-family: 'Avenir';
    src: url('../Fonts/Avenir-Light.eot');
    src: local('Avenir Light'), local('Avenir-Light'),
        url('../Fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/Avenir-Light.woff2') format('woff2'),
        url('../Fonts/Avenir-Light.woff') format('woff'),
        url('../Fonts/Avenir-Light.ttf') format('truetype'),
        url('../Fonts/Avenir-Light.svg#Avenir-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body{
	margin: 0px;
	padding: 0px;
	min-width: 320px;
	width: 100%;
	font-family: 'Avenir';
}

body.active{
	overflow-y: hidden;
}

#main-body{
	width: 100%;
	padding: 40px 0px 40px 0px;
	margin: 0px;
	position: relative;
	box-sizing: border-box;	
}

#main-body-container{
	width: 100%;
	max-width: 980px;
	padding: 0px 20px;
	margin: 0px auto;
	box-sizing: border-box;	
}

.main-body-left{
	flex: 1 1;
	text-align: left;
}

.main-body-right{
	flex: 0 0 300px;
	text-align: left;
	margin: 0px 0px 0px 30px;
}

/* defaults */

/* flex */

.flex-row{
	display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center; 
} 

.flex-no-wrap{
	flex-wrap: nowrap;
}

.flex-space-between{
	justify-content: space-between;
}

.flex-justify-end{
	justify-content: flex-end;
}

.flex-justify-center{
	justify-content: center;
}

.flex-align-start{
	align-items: flex-start;
}

.flex-align-end{
	align-items: flex-end;
}

.flex-align-center{
	align-items: center;
}

.flex-align-right{
	align-items: right;
}

.flex-align-stretch{
	align-items: stretch;
}

/* flex */

/* grid */

.grid{
	display: grid;
}

.grid-col-6{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 80px;
}

.grid-col-5{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-col-4{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-col-3{
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-col-2{
	grid-template-columns: 1fr 1fr;
}

.grid-gap-100{
	grid-gap: 100px;
}

.grid-gap-40{
	grid-gap: 40px;
}

.grid-gap-20{
	grid-gap: 20px;
}

.grid-gap-10{
	grid-gap: 10px;
}

.grid-gap-15{
	grid-gap: 15px;
}

/* grid */


/* container */

.container{
	width: 100%;
	max-width: 980px;
	padding: 0px 20px;
	margin: 0px auto;
	box-sizing: border-box;
}

/* container */


/* header / footer */

#header-top{
	width: 100%;
	margin: 0px;
	padding: 24px 0px;
	position: relative;
}

.header-top-left{
	padding: 0px 0px;
	flex: 1 1;
	text-align: left;
}

.header-top-left img{
	width: 100%;
	max-width: 163px;
}

.header-top-right{
	text-align: right;
}

.header-top-right ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.header-top-right ul li{
	display: inline-block;
	margin: 0px 0px 0px 35px;
}

.header-top-right ul li a{
	display: flex;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	text-decoration: none;
	padding: 10px 0px;
	letter-spacing: 0.05em;
	transition: 0.3s ease-in-out;
}

.header-top-right ul li a:hover{
	color: #3f7c4e;
}

#header-bottom{
	width: 100%;
	margin: 0px;
	padding: 0px 0px;
	background-color: #3f7c4e;
	text-align: right;
}

#header-bottom ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#header-bottom ul li{
	display: inline-block;
	margin: 0px 0px 0px 20px;
}

#header-bottom ul li a{
	display: flex;
	font-size: 28px;
	font-weight: 600;
	text-decoration: none;
	padding: 0px 0px;
	color: #fff;
}

#header-bottom ul li a i{
	line-height: 52px;
}

#footer-top{
	width: 100%;
	margin: 0px;
	padding: 20px 0px;
	text-align: center;
	border-top: 1px solid #e7e7e7;
}

#footer-middle{
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
	text-align: center;
}

#footer-middle ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer-middle ul li{
	display: inline-block;
}

#footer-middle ul li a{
	display: flex;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	color: #000;
	padding: 0px 40px;
	letter-spacing: 0.1em;
	transition: 0.3s ease-in-out;
}

#footer-middle ul li a:hover{
	color: #3f7c4e;
}

#footer-bottom{
	width: 100%;
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
}

#footer-bottom p{
	font-size: 12px;
	font-weight: 400;
	text-decoration: none;
	color: #000;
	padding: 0px 0px;
	margin: 0px;
	letter-spacing: 0.1em;
}

#footer-bottom a{
	text-decoration: none;
	color: #000;
}

/* header / footer */


/* mobile */

#mobile-icon{
	display: none;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 40px;
	height: 40px;
	transform: translateY(-50%);
	z-index: 999;
	cursor: pointer;
}

#mobile-icon span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 25px;
	height: 2px;
	border-radius: 4px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}

#mobile-icon.active span{
	background-color: transparent;
}

#mobile-icon span:before{
	content: '';
	position: absolute;
	top: -7px;
	left: 0px;
	width: 25px;
	height: 2px;
	border-radius: 4px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}

#mobile-icon.active span:before{
	top: 0px;
	transform: rotate(-45deg);
}

#mobile-icon span:after{
	content: '';
	position: absolute;
	top: 7px;
	left: 0px;
	width: 25px;
	height: 2px;
	border-radius: 4px;
	background-color: #000;
	transition: all 0.3s ease-in-out;
}

#mobile-icon.active span:after{
	top: 0px;
	transform: rotate(45deg);
}

#mobile-overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.5);
	z-index: 997;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}

#mobile-overlay.active{
	opacity: 1;
	visibility: visible;
}

#mobile-navigation{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 320px;
	background-color: #fff;
	z-index: 998;
	opacity: 0;
	visibility: hidden;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	padding: 120px 0px;
}

#mobile-navigation.active{
	opacity: 1;
	visibility: visible;
	transform: translateX(0%);
}

#mobile-navigation ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#mobile-navigation ul li{
	width: 100%;
	text-align: left;
}

#mobile-navigation ul li a{
	display: block;
	padding: 20px 40px;
	letter-spacing: 0.1em;
	font-size: 18px;
	font-weight: 700;
	color: #000;
	text-decoration: none;
	transition: 0.3s ease-in-out;
}

#mobile-navigation ul li a:hover{
	color: #9f2747;
}

/* mobile */

/* fonts */

h1{
	font-family: 'Forum', cursive;
	font-size: 32px;
	font-weight: 400;	
    color: #000;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

h2{
	font-family: 'Forum', cursive;
	font-size: 22px;
	font-weight: 400;	
    color: #000;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

p{
	font-size: 16px;
    font-weight: 400;
    color: #000;
	margin: 0px;
	line-height: 22px;
	padding: 0px 0px 20px 0px;
}

/* fonts */

.main-body-header-right{
	flex: 0 0 150px;
}

/* search bar */

#search-bar{
    width: 100%;
    text-align: center;
	padding: 15px 0px;
    margin: 0px;
    background-color: #3F7C4E;
}

.search-bar-col{
	width: 100%;
	position: relative;
}

.search-bar-col-inner{
	height: 40px;
	border-radius: 20px;
	border: 1px solid #e1e1e1;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	cursor: pointer;
}

.search-bar-col-label{
	text-align: left;
	padding: 10px 10px 10px 15px;
	border-right: 1px solid #e1e1e1;
	font-size: 13px;
	color: #fff;
}

.search-bar-col-value{
	flex: 1 1;
	padding: 10px 10px 10px 10px;
	text-align: left;
	font-size: 13px;
	color: #fff;
	position: relative;
}

.search-bar-col-value:before{
	font-family: 'Font Awesome 6 free';
	content: '\f078';
	font-weight: 700;
	font-size: 11px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
				
.search-bar-col-popup{
	position: absolute;
	top: 46px;
	left: 0px;
	background-color: #fff;
	display: none;
	z-index: 997;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
	padding: 5px 0px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 350px;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
}

.search-bar-col-popup.active{
	display: block;
}

.search-bar-col-popup ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.search-bar-col-popup ul li{
	width: 100%;
	text-align: center;
	cursor: pointer;
}

.search-bar-col-popup ul li a{
	display: block;
	line-height: 25px;
	font-size: 13px;
	font-weight: 400;
}

.search-bar-col-popup ul li a:hover{
	background-color: #f1f1f1;
}

.search-bar-col-popup::-webkit-scrollbar{
	width: 4px;
}

.search-bar-col-popup::-webkit-scrollbar-track{
	background: #fff; 
}
 
.search-bar-col-popup::-webkit-scrollbar-thumb{
	background: #888; 
	border-radius: 6px;
}

.search-bar-col-popup::-webkit-scrollbar-thumb:hover{
	background: #555; 
}



/* search bar */


/* stock */

.stock-box{
	width: 100%;
	background-color: #fff;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
    position: relative;
    padding: 0px 0px 45px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #e7e7e7;
}

.stock-box-image{
	width: 100%;
	height: 230px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.stock-box-image-sold{
	
}

.stock-box-image-sale{
	
}

.stock-box-price{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #72AA56;
	display: flex;
	align-items: center;
	height: 60px;
}

.stock-box-price-was{
	text-align: left;
	flex: 0 0 50%;
	padding: 0px 20px;
}

.stock-box-price-now{
	text-align: left;
	flex: 0 0 50%;
	padding: 0px 20px;
}

.stock-box-price-no-offer{
	text-align: left;
	padding: 0px 20px;
}

.stock-box-price-was h4, .stock-box-price-now h4{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

.stock-box-price-was h3, .stock-box-price-now h3{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

.stock-box-price-no-offer h4{
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

.stock-box-price-no-offer h3{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

.stock-box-body{
	width: 100%;
	padding: 15px 20px;
	text-align: center;
	box-sizing: border-box;	
}

.stock-box-body h3 a{
	font-size: 20px;
	font-weight: 600;
	color: #3F7C4E;
	text-decoration: none;
}

.stock-box-body p{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}

.stock-box-footer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 15px 20px;
	box-sizing: border-box;
	text-align: center;
}

.stock-box-footer a{
	font-size: 20px;
	font-weight: 700;
	color: #3F7C4E;
	text-decoration: none;
}

.stock-box-footer a:hover{
	text-decoration: underline;
}


.stock-unit-summary{
	width: 100%;
	background-color: #fff;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
    padding: 15px 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0px 0px 25px 0px;
    border: 1px solid #e7e7e7;
}

.stock-unit-summary h1{
	padding: 0px 0px 0px 0px;
}

.stock-unit-summary-divider{
	width: 100%;
	margin: 10px 0px;
	height: 1px;
	border-top: 1px solid #e7e7e7
}

/* stock */





.gallery-container{
	width: 100%;
	height: 400px;
	margin: 0px 0px 20px 0px;
}

.gallery{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;	
	height: 100%;
	width: 100%;
}

.gallery img{
	width: 100%;
	height: 100%;
	border-radius: 6px;   
    object-fit: cover;
}

.gallery-box{
	grid-area: 1 / 1 / 3 / 7;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
}

.gallery-box-1{
	grid-area: 1 / 1 / 3 / 5;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
}

.gallery-box-2{
	grid-area: 1 / 5 / 2 / 7;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
}

.gallery-box-3{
	grid-area: 2 / 5 / 3 / 7;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15);
}

.gallery-box-count{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 6px 10px;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	border-radius: 8px;
	font-weight: 400;
}

.gallery-box-count i{
	padding: 0px 0px 0px 4px;
}


/* buttons, inputs */

.form-row{
	width: 100%;
	margin: 0px 0px 10px 0px;
}

.form-row:last-child{
	margin: 0px 0px 0px 0px;
}

.mb-20{
	margin: 0px 0px 20px 0px;	
}

.btn{
    display: inline-block;
	line-height: 40px;
	border-radius: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	outline: 0;
	background-color: #72AA56;
    transition: all 0.2s ease-in-out;
    text-align: center;
}

.btn-full{
	width: 100%;
}

.input-select{
    background: url(../Images/arrow2.png) #fff no-repeat right 50%;
    padding-right: 25px;
}

.input{
	font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    color: #7f7f7f!important;
    font-size: 13px;
    border: none;
    padding: 0px 10px;
   	line-height: 38px;
    border: 1px solid #BBBBBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea.input{
	resize: none;
	height: 200px;
	line-height: 22px;
	padding: 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/* buttons, inputs */



/* error box styles ----------------------------------------------------------------------------------------------------------------------------------------------------- */

.error-box{
	width: 100%;
	margin: 0px 0px 30px 0px;
	border: 1px solid #DAE0E4;
	border-bottom: 3px solid #FBBC05;
	border-radius: 4px;
	overflow: hidden;
}

.error-box-icon{
	vertical-align: top;
	width: 40px;
}

.error-box-text{
	vertical-align: top;
}

.error-box-inner{
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.error-box h1{
	font-size: 14px!important;
	font-weight: 700!important;
	color: #7f7f7f!important;
	margin: 0px!important;
	padding: 0px!important;
}

.error-box p{
	font-size: 14px!important;
	font-weight: 400!important;
	color: #7f7f7f!important;
	margin: 0px!important;
	padding: 0px!important;
}

/* end error box styles ------------------------------------------------------------------------------------------------------------------------------------------------- */


/* validation error box styles ------------------------------------------------------------------------------------------------------------------------------------------ */

#validation-error-box{
	width: 100%;
	margin: 0px 0px 30px 0px;
	border: 1px solid #DAE0E4;
	border-bottom: 3px solid #EA4335;
	border-radius: 4px;
	overflow: hidden;
	display: none;
}


.validation-error-box-header{
	background-color: #EA4335;	
	padding: 10px 15px;
}

#validation-error-box h1{
	font-size: 14px!important;
	font-weight: 700!important;
	color: #7f7f7f!important;
	margin: 0px!important;
	padding: 0px 0px 4px 0px!important;
}

#validation-error-box p{
	font-size: 14px!important;
	font-weight: 700!important;
	color: #7f7f7f!important;
	margin: 0px!important;
	padding: 0px!important;
}

.validation-error-box-inner{
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

.validation-error-box-inner span{
	font-size: 14px!important;
	font-weight: 400!important;
	color: #7f7f7f!important;
	margin: 0px!important;
	padding: 0px 0px 4px 15px!important;
	position: relative;
}

.validation-error-box-inner span:before{
	position: absolute;
	top: -2px;
	left: 0px;
	content: '\2022';
	font-size: 18px;
}

.validation-error-message{
	display: none;
}

.validation-error-message-visible{
	display: block;
}

/* validation end error box styles -------------------------------------------------------------------------------------------------------------------------------------- */




/* spinner */

.spinner-container{
	width: 100%;
	text-align: center;
	background-color: #fff;
}

.spinner {
	margin: 0px auto 0px auto;
	width: 100%;
	text-align: center;
	display: block;
	padding: 60px 0px 60px 0px;
}

.spinner > div{
	width: 10px;
	height: 10px;
	background-color: #1D344B;	
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}


@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/* spinner */

.ui-slider{
	position: relative;
	text-align: left;
}

.ui-slider .ui-slider-handle{
	position: absolute;
	z-index: 2;
	width: 23px;
	height: 23px;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-slider .ui-slider-handle:after{
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	left: 50%;
	top: 50%;
	background-color: #1D344B;
	border-radius: 50%;
	transform: translate(-50%,-50%);
}

.ui-slider .ui-slider-range{
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range{
	filter: inherit;
}

.ui-slider-horizontal{
	height: 4px;
}

.ui-slider-horizontal .ui-slider-handle{
	top: -10px;
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range{
	top: 0;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min{
	left: 0;
}

.ui-slider-horizontal .ui-slider-range-max{
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle{
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range{
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min{
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max{
	top: 0;
}

.ui-widget{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget .ui-widget{
	font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

.ui-widget.ui-widget-content{
	
}

.ui-widget-content{
	background: #dddddd;
	color: #333333;
}

.ui-widget-content a{
	color: #333333;
}

.ui-widget-header{
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}

.ui-widget-header a{
	color: #333333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
	background: #66B1FC;
	font-weight: normal;
	color: #454545;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button{
	color: #454545;
	text-decoration: none;
}

.ui-visual-focus{
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

.ui-icon-background, .ui-state-active .ui-icon-background{
	border: #003eff;
	background-color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
	color: #ffffff;
	text-decoration: none;
}

.styVideo{
	width: 100%;
	border: 1px solid #e7e7e7;
	height: 320px;
	border-radius: 4px;
	overflow: hidden;
}

/* media queries */

@media screen and (max-width: 1200px)
{	
	
}

@media screen and (max-width: 1024px)
{	
	
}

@media screen and (max-width: 992px)
{
	#search-bar .grid-col-6{
		grid-template-columns: 1fr 1fr 1fr;
	}
	#main-body-container .grid-col-3{
		grid-template-columns: 1fr 1fr;
	}	
	#main-body-container .flex-row{
		flex-direction: column-reverse;
	}
	#main-body-container .flex-no-wrap{
		flex-wrap: wrap;
	}
	.main-body-left{
		flex: 0 0 100%;
	}
	.main-body-right{
		flex: 0 0 100%;
		width: 100%;
		margin: 0px 0px 0px 0px;
	}		
	.gallery-container{
		margin: 0px 0px 5px 0px;
	}
	.gallery{
	    grid-template-rows: repeat(1, 1fr);
	}
	.gallery-box-1 {
    	grid-area: 1 / 1 / 2 / 7;
    }
	.gallery-box-2{
		display: none;
	}
	.gallery-box-3{
		display: none;
	}
}

@media screen and (max-width: 830px)
{
	
}

@media screen and (max-width: 768px)
{
	.header-top-right{
		display: none;
	}
	#mobile-icon{
		display: block;
	}
	#footer-middle ul li{
		width: 100%;
		text-align: center;
		margin: 0px 0px 10px 0px;
	}
	#footer-middle ul li a{
		justify-content: center;
	}
	#search-bar .grid-col-6{
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 576px)
{
	#search-bar .grid-col-6{
		grid-template-columns: 1fr;
	}
	#main-body-container .grid-col-3{
		grid-template-columns: 1fr;
	}	
	.stock-box-image{
	    height: 260px;
	}
	#features.grid-col-2{
		grid-template-columns: 1fr;
	}
}

/* media queries */