/*--------------------------------------------------
version: screen.css - 6.0
created: 12-08-2016
author: ?????? ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/

@import url("normalize.css");
@import url("bootstrap-custom.css");
@import url("generic.css");
@import url("enrichment.css");

@font-face {
    font-family: 'Museo Slab';
    src: url('../fnt/museo_slab_500-webfont.woff2') format('woff2'),
         url('../fnt/museo_slab_500-webfont.woff') format('woff'),
         url('../fnt/museo_slab_500-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;

}
@font-face {
    font-family: 'Museo Slab';
    src: url('../fnt/museo_slab_500italic-webfont.woff2') format('woff2'),
         url('../fnt/museo_slab_500italic-webfont.woff') format('woff'),
         url('../fnt/museo_slab_500italic-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;

}



/*
SCREEN SIZES
LARGE DEVICES:			>= 1200px 
MEDIUM DEVICES: 		>= 992px & <= 1199px
SMALL DEVICES: 			>= 768px & <= 991px
EXTRA SMALL DEVICES: 	<= 767px
*/

/* LAYOUT */
html { min-height: 100%;}
#content-mm { width: 790px; }
#aside-mm { width: 270px; }
#wrap { position: relative; z-index: 1; }

.container-mm-outer, .container-mm, .container-mm-inner { }

body { background: #e5eeec; min-height: 100%;
 color: #333; font-family: 'Museo Slab', Georgia, Times, Times New Roman, serif; font-size: 14px; font-wieght: 500;}
a, a:active, a:hover, a:visited { color: #c0a000; }

/* LOGO */
#logo { float: left; width: 318px; height: 52px; }


/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { color: #4E8534; font-weight: 500 }
h1, .h1 {  }
h2, .h2 { }
h3, .h3 { }
h4, .h4 { }
h5, .h5 { }
h6, .h6 { }
p, .para { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }
strong, b { font-weight: 700; }

#page-home p, #page-home.para { font-family: 'Museo Slab', Georgia, Times, Times New Roman, serif; color: #4E8534; }

.client-text {overflow: hidden}

p a { color: #C0A000; border-bottom: 1px dotted #C0A000; }
p a:hover { border-bottom: none; }

p.back { border-top: 1px solid #DDD; margin-top: 1em; padding-top: 2em; width: 100%; clear: both;}

/* FORMS */
form {}
.pure-form input[type="text"]:focus, .pure-form input[type="password"]:focus, .pure-form input[type="email"]:focus, .pure-form input[type="url"]:focus, .pure-form input[type="date"]:focus, .pure-form input[type="month"]:focus, .pure-form input[type="time"]:focus, .pure-form input[type="datetime"]:focus, .pure-form input[type="datetime-local"]:focus, .pure-form input[type="week"]:focus, .pure-form input[type="number"]:focus, .pure-form input[type="search"]:focus, .pure-form input[type="tel"]:focus, .pure-form input[type="color"]:focus, .pure-form select:focus, .pure-form textarea:focus { border-color: #C0A000; }
.pure-form select { height: auto;}

/* BUTTONS */
span.button, a.button, input.button, input[type="submit"].button {  }
span.button:hover, a.button:hover, input.button:hover, input[type="submit"].button:hover { }

.pure-button.pure-button-primary,
.pure-button.pure-button-secondary { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 700; background-color: #4E8534; color: #FFF; font-size: 0.9em; }
.pure-button.pure-button-secondary { background-color: #C0A000; }
.pure-button.pure-button-primary:hover {}

/* HEADER */
#header { background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 20%, #e5eeec 75%, #e5eeec 100%);
background: -webkit-linear-gradient(top,  #ffffff 20%,#e5eeec 75%,#e5eeec 100%);
background: linear-gradient(to bottom,  #ffffff 20%,#e5eeec 75%,#e5eeec 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5eeec',GradientType=0 ); background-repeat: no-repeat; z-index: 9999 !important;}
#header .container { padding-top: 20px; padding-bottom: 20px; }
#header > .container > .row { position: relative; }
#header div.cl { position: absolute; z-index: 2000; right: 25px; top: -10px; width: auto; color: #4e8534; font-size: 0.9em;}
#header.fixed { box-shadow: 0 5px 5px rgba(102, 102, 102, 0.3); }

/* PRIMARY NAV */
#primary-nav { display: block; float: left; clear: left; width: 100%; position: relative; z-index: 10000; margin-top: 15px; margin-bottom: 5px;}
#primary-nav nav { width: 100%; }
#primary-nav nav ul { float: right; width: auto; display: inline-block; }
#primary-nav nav ul.level1 > li > a { color: #4E8534; }
#primary-nav nav ul li a { display: inline-block; color: #EEE; }
#primary-nav nav ul.level1 li > a.active span { border-bottom: 1px dotted #C0A000; }
#primary-nav nav ul.level1 li > a.active,
#primary-nav nav ul li a.active,
#primary-nav nav ul li a.active:hover { color: #C0A000 !important; }
#primary-nav nav ul.level1 li:hover > a.active span { border-bottom: none; }
#primary-nav nav ul.level1 > li { float: left; line-height: 32px; height: 32px; position: relative;}
#primary-nav nav ul.level1 > li a { margin: 0 8px; }
#primary-nav nav ul ul.level2,
#primary-nav nav ul ul.level3 { position: absolute; top: 32px; left: -99999px; width: 220px; background: #4E8534; padding: 5px 0; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-radius: 3px; -moz-border-radius-topleft: 0; border-radius: 3px; border-top-left-radius: 0; }
#primary-nav nav ul ul.level3 { top: 0; background: #64904F; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; }
#primary-nav nav ul ul.level2 li { float: left; clear: left; width: 100%; position: relative;}
#primary-nav nav ul ul.level2 li a { margin: 0 10px; display: block;}
#primary-nav nav ul.level1 > li:hover,
#primary-nav nav ul.level1 > li > a:hover,
#primary-nav nav ul ul.level2 li:hover,
#primary-nav nav ul ul.level2 li:hover > a { color: #C0A000; }
#primary-nav nav ul.level1 > li.has_children:hover { background: #4E8534; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#primary-nav nav ul.level1 > li.has_children:hover > a { color: #EEE; }
#primary-nav nav ul.level1 > li a:hover ul.level2,
#primary-nav nav ul.level1 > li:hover ul.level2 { left: 0;}
#primary-nav nav ul.level2 li:hover {}
#primary-nav nav ul.level2 li:hover ul.level3 { left: 220px; }

#primary-nav nav ul.level2 li ul.level3,
#primary-nav nav ul.level2 li:hover ul.level3 {display:none !important; }

html.french #primary-nav-wrap { width: 100%; clear: both;}
html.french #primary-nav-wrap #primary-nav nav { width: auto; margin-left: -5px;}
html.french #primary-nav-wrap #primary-nav nav ul { float: left; with: 100%; }

/* NAV */
#nav { display: none; }

/* SLICKNAV */
#mobile-nav { display: none; background: #4E8534; z-index: 10000 !important;}
#mobile-nav .container { padding-top: 10px; padding-bottom: 10px; }
div.slicknav_menu { padding: 0; margin-bottom: 0; background: none; }
div.slicknav_menu a.slicknav_btn { float: left; clear: both; margin: 0; background: #325521; color: #FFF; letter-spacing: .1em;}
div.slicknav_menu ul.slicknav_nav { float: left; clear: both; width: 100%; padding: 5px 0; margin-top: 5px; }
div.slicknav_menu ul.slicknav_nav li {}
div.slicknav_menu ul.slicknav_nav li.active a,
div.slicknav_menu ul.slicknav_nav li a.active { color: #C0A000; }
div.slicknav_menu ul.slicknav_nav li.search { display: none; }
div.slicknav_menu ul.slicknav_nav li a { margin: 5px 0; font-size: 13px; text-transform: uppercase; border-radius: 5px; color: #333;}
div.slicknav_menu ul.slicknav_nav li:hover > a,
div.slicknav_menu ul.slicknav_nav li a:hover { color: #4E8534; }
div.slicknav_menu ul.slicknav_nav li a:hover { background: #E5E5E5; }

/* BANNER */
#banner-outer {}
#banner-outer #fader { /*max-width: 1130px;*/ width: 100%; margin: 0 auto; }

#banner-outer ul.banner li span.text-outer { top: 0; bottom: 0; text-align: center; /*background: rgba(0,0,0,0.20)*/}
#banner-outer ul.banner li span.text-inner { display: table; margin: 0 auto; width: 100%; max-width: 1130px; height: 100%;}
#banner-outer ul.banner li span.text-overlay { /*background: none;*/ background-repeat: repeat-x; background-size: 10px 100%; display: none; }
#banner-outer ul.banner li span.text-wrap { margin-bottom: 50px; padding: 30px; display: table-cell; vertical-align: middle; }
#banner-outer ul.banner li span.text-wrap strong.title,
#banner-outer ul.banner li span.text-wrap span.text { display: block; font-family: 'Museo Slab', tungsten, Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height: 1.2em; font-weight: 400; letter-spacing: 0.01em; color: #FFF; }
#banner-outer ul.banner li span.text-wrap strong.title,
#banner-outer ul.banner li span.text-wrap span.text { text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3), -3px 3px 1px rgba(0, 0, 0, 0.5), -4px 4px 2px rgba(0, 0, 0, 0.2); }
#banner-outer ul.banner li span.text-wrap span.cta { text-shadow: -2px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: -2px 2px 0 rgba(0, 0, 0, 0.2), -3px 3px 1px rgba(0, 0, 0, 0.4)/*, -4px 4px 2px rgba(0, 0, 0, 0.1);*/ }
#banner-outer ul.banner li span.text-wrap strong.title { font-size: 5em; text-transform: uppercase; /*font-weight: 600;*/ }
#banner-outer ul.banner li span.text-wrap span.text { font-size: 2em; margin-top: 0.4em; }
#banner-outer ul.banner li span.text-wrap span.cta { font-family: 'Museo Slab', tungsten, Arial, 'Helvetica Neue', Helvetica, sans-serif;/**/ font-size: 1.5em; font-weight: 500; margin-top: 0.8em; }

#banner-outer .bx-wrapper { margin-bottom: 0; }
#banner-outer .bx-wrapper .bx-pager, 
#banner-outer .bx-wrapper .bx-controls-auto { bottom: 10px; }
#banner-outer .bx-wrapper .bx-pager.bx-default-pager a { background: #4E8534; box-shadow: -1px 1px 0 rgba(0, 0, 0, 0.2), -2px 2px 1px rgba(0, 0, 0, 0.4)}
#banner-outer .bx-wrapper .bx-pager.bx-default-pager a:hover,
#banner-outer .bx-wrapper .bx-pager.bx-default-pager a.active { background: #C0A000 }
#banner-outer .bx-wrapper .bx-prev { margin-left: 30px; }
#banner-outer .bx-wrapper .bx-next { margin-right: 30px; }

#banner-outer .bx-wrapper .bx-controls-direction a { background: none; text-indent: 0; color:#E5EEEC; font-size: 3em;}
#banner-outer .bx-wrapper .bx-controls-direction a:hover { color: #C0A000}
#banner-outer .bx-wrapper .bx-controls-direction a i {text-shadow: -2px 2px 0 rgba(0, 0, 0, 0.3), -3px 3px 1px rgba(0, 0, 0, 0.5)}
#banner-outer .bx-wrapper .bx-controls-direction a.bx-next { text-align: right; }

/* BREADCRUMBS */
#breadcrumbs { margin: 0; margin-top: 2em; }
#breadcrumbs ul li,
#breadcrumbs ul li a,
#breadcrumbs ul li span { color: #4E8534; }

/* PAGINATION */
div.pagination ol li a { background: #4E8534; font-weight: 600; color:#FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div.pagination ol li a:hover { background: #64904F; }
div.pagination ol li a.active,
div.pagination ol li a.active:hover { background: #C0A000; }
div.pagination ol li a.previous_next { color: #64904F; }
div.pagination ol li a.previous_next:hover { color: #C0A000; }

/* WRAP */
#wrap { position: relative; z-index: 1001; padding-bottom: 2em; }
#wrap .page-container { display: block; margin: 0 5px; padding: 0 30px; padding-bottom: 1em; background: #FFF; -webkit-box-shadow: 0px 0px 15px 0px rgba(76,133,54,.2); -moz-box-shadow: 0px 0px 15px 0px rgba(76,133,54,.2); box-shadow: 0px 0px 15px 0px rgba(76,133,54,.2); }

/* ASIDE */
#aside { margin: 2em 0; margin-bottom: 1em; }
#aside ul.aside-nav { border-top: 1px dotted #4E8534; margin-bottom: 1em; }
#aside ul.aside-nav li { border-bottom: 1px dotted #4E8534; margin-bottom: 0; }
#aside ul.aside-nav li,
#aside ul.aside-nav li a { display: block; }
#aside ul.aside-nav li a { padding: 5px 0; font-size: 1.2em; color: #4E8534;}
#aside ul.aside-nav li.active > a,
#aside ul.aside-nav li a.active,
#aside ul.aside-nav li a:hover { color: #C0A000; } 
#aside ul.aside-nav li ul.level2 { margin-bottom: 10px; padding-left: 10px; }
#aside ul.aside-nav li ul.level2 li { border-bottom: none; }
#aside ul.aside-nav li ul.level2 li a { font-size: 1em}

#aside div.feature { margin-top: 2em; margin-bottom: 1em; }
#aside div.feature a,
#aside div.feature span,
#aside div.feature img { display: block;}
#aside div.feature img { max-width: 245px; margin: 0 auto; width: 100%; height: auto; }
#aside div.feature span.text { text-align: center; color: #4e8534; font-weight: 500;}
#aside div.feature span.image { margin-bottom: 15px;}
#aside div.feature a { border: 1px solid #4E8534; padding: 15px;  }
#aside div.feature a:hover { border-color: #c0a000; }

/* DIVISIONS */
#divisions-outer { display: block; padding-top: 2em; }
#divisions {margin-left: -15px; margin-right: -15px; margin-top: 1em }
#divisions .division { float: left; display: block; vertical-align: top; width: 20%; padding: 0 15px; margin-bottom: 1em;}
#divisions .division-item { display: block; }
#divisions .division-item strong,
#divisions .division-item span,
#divisions .division-item img { display: block; }
#divisions .division-item span.image { position: relative; margin-bottom: 10px; }
#divisions .division-item span.image img { position: relative; z-index: 1; width: 100%; height: auto;}
#divisions .division-item span.image img.mask { position: absolute; z-index: 2; top: 0; left: 0; }
#divisions .division-item strong.title { font-size: 1.2em; line-height: 1.4em; min-height: 2.8em; color: #4e8534; font-weight: 500; margin-bottom: 0.4em;}
#divisions .division-item span.text { font-size: 0.9em; color: #666; }
#divisions .division-item span.cta { margin-top: 0.4em; font-size: 0.9em; display: inline-block; clear: both; color: #C0A000; border-bottom: 1px dotted #C0A000;}
#divisions .division-item span.cta:hover { border-bottom-color: #FFF; }

/* ENTRIES */
.entries li { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dotted #4e8534; }
.entries li:nth-last-child(1) { border-bottom: none; }
.entries li span.image { margin-top: 1em; }
.entries li p.more { margin-bottom: 0; }
.entries li p.more a { font-family: 'Museo Slab', Georgia, Times, Times New Roman, serif; }

/* CONTACT */
#c-addr,
#c-enq,
#c-map { margin-bottom: 1em; }
#c-addr strong { color: #C0A000; }
#c-addr p { font-size: .9em;}


/* FOOTER */
#pre-footer { float: left; clear: left; width: 100%; display: block; }
#pre-footer #footer-logo { display: block; max-width: 100%; height: auto; margin-bottom: 2em; }
#pre-footer div nav ul#social { list-style-type: none; padding: 0; margin:0; margin-bottom: 1em; display: block; }
#pre-footer div nav ul#social li { font-size: 0.8em; color: #4E8534; float: left; height: 32px; margin-right: 10px; margin-bottom: .5em;}
#pre-footer div nav ul#social li.connect { line-height: 32px;}

#pre-footer div#newsletter {}
#pre-footer div#newsletter strong.heading,
#pre-footer div#newsletter span.para { font-size: 0.8em; color: #4E8534; display: block; }
#pre-footer div#newsletter strong.heading { font-size: 1.5em; font-weight: 500; margin-bottom: 0.4em; color: #4E8534;}
#pre-footer div#newsletter #subForm { max-width: 100%; margin-top: .5em; }
#pre-footer div#newsletter #subForm .row { margin-left: -5px; margin-right: -5px; }
#pre-footer div#newsletter #subForm .row > div { padding-left: 5px; padding-right: 5px; margin-bottom: .5em; }
#pre-footer div#newsletter #subForm legend { display: none; }
#pre-footer div#newsletter #subForm label { display: block; margin-top: 0.3em; }
#pre-footer div#newsletter #subForm .pure-button { max-width: 175px; margin-top: 2px; }

#footer {  }
#footer #fl, #footer #fr {  }
/*#footer #fl { background: #FFF url('../img/ui/footer-left.png') left bottom no-repeat; }
#footer #fr { background: url('../img/ui/footer-right.png') right bottom no-repeat; }*/
#footer { background: #FFF url('../img/ui/footer-fruit.jpg') center bottom no-repeat; background-size: 100% auto; /*min-height: 220px;*/ padding-bottom: 25%; }
#footer #fm { background: #E5EEEC; background: rgba(229, 238, 236, 0.9); /*background: url('../img/ui/footer-mask.png') left top repeat-x;*/ }
/*#footer .container { overflow: hidden; padding-bottom: 100px; }*/
#footer .container { overflow: hidden;  padding-top: .5em;}
#footer ul.footer-nav,
#footer p.copy, #footer p.ggfooterlinks { font-size: 0.8em; margin: 0; }
#footer ul.footer-nav li { display: inline-block; padding: 5px; padding-top: 0; margin-bottom: .5em;}
#footer ul.footer-nav li,
#footer ul.footer-nav li a,
#footer p.copy,
#footer p.copy a, #footer p.ggfooterlinks a { color: #111; }
#footer ul.footer-nav li a,
#footer p.copy a, #footer p.ggfooterlinks a { border-bottom: 1px dotted #111; }
#footer ul.footer-nav li a:hover,
#footer p.copy a:hover, #footer p.ggfooterlinks a:hover { border: none; }

#footer p.copy, #footer p.ggfooterlinks { text-align: right; font-family: 'Museo Slab', Georgia, Times, Times New Roman, serif; }




/*
#footer div div,
#footer nav.footer { width: 100%; display: block; }

#footer div #share { float: left;}
#footer div nav { float: right; width: auto;}
#footer div nav ul#social { list-style-type: none; padding: 0; margin:0; display: block; }
#footer div nav ul#social li { float: left; height: 32px; margin-left: 10px;}
#footer div nav ul#social li.connect { line-height: 32px;}

#footer nav,
#footer p { width: 100%; clear: both; margin: 0; text-align: center;}

#footer nav.footer ul,
#footer nav.footer ul li { display: inline-block; zoom: 1; *display: inline; padding: 0 2px;}
#footer nav.footer p a {padding: 0 5px;}
*/


/* Large devices (Large desktops, more than 1199px) */
/* No media query since this is the default in MM */

/* Medium devices (desktops, 1199px and down) */
@media (max-width: 1199px) {
	.container-mm-outer, .container-mm, .container-mm-inner {
		max-width: 88%;
		width: 88%;
	}	
	
	#mobile-nav { display: block; }
	#primary-nav { display: none; }
	
	#header .container { padding-top: 10px; padding-bottom: 10px; }
	
	#header div.cl { top: 20px; width: auto;}
	
	#banner-outer ul.banner li span.text-inner { max-width: 930px; }
	#wrap .page-container,
	#banner-outer ul.banner li span.text-wrap strong.title,
	#banner-outer ul.banner li span.text-wrap span.text { padding: 0 10px; }
	
	#divisions { margin-left: -10px; margin-right: -10px; }
	#divisions .division { padding: 0 10px; width: 100%; margin-bottom: 10px; }
	#divisions .division-item strong.title { min-height: 0; }
	#divisions .division-item span.image { float: left; max-width: 20%;}
	#divisions .division-item span.text-outer { float: left; margin-left: 4%; width: 76%}
}

/* Small devices (tablets, 991px and down */
@media (max-width: 991px) {
	#banner-outer ul.banner li span.text-inner { max-width: 690px; }	
	#banner-outer ul.banner li span.text-outer { background: none;}
	#banner-outer ul.banner li span.text-wrap { padding: 30px 15px; background: none; display: block; margin: 0; box-shadow: none; }
	#banner-outer ul.banner li span.text-outer strong.title,
	#banner-outer ul.banner li span.text-outer span.text { color: #4E8534;}
	#banner-outer ul.banner li span.text-wrap strong.title,
	#banner-outer ul.banner li span.text-wrap span.text { text-shadow: -1px 1px 0 rgba(58,98,39, 0.3)/*, -2px 2px 0px rgba(58,98,39, 0.5)*/; }
	#banner-outer ul.banner li span.text-wrap span.cta { box-shadow: -1px 1px 0 rgba(58,98,39, 0.2), -2px 2px 0px rgba(58,98,39, 0.4);}	
	
	#banner-outer .bx-wrapper .bx-pager, 
	#banner-outer .bx-wrapper .bx-controls-auto,
	#banner-outer .bx-wrapper .bx-controls-direction { display: none;}
	
	#footer ul.footer-nav { text-align: center; margin-top: 5px }
	#footer ul.footer-nav li { padding: 2px 5px; padding-top: 0; }
	#footer ul.footer-nav li.bull { display: none;}
	#footer ul.footer-nav li, 
	#footer p.copy { text-align: center; }
	#footer p.copy { margin-top: 0; margin-bottom: 1em; }
}

/* Extra Small devices (mobiles, 767px and down) */
@media (max-width: 767px) {
	
	#header div.cl { position: relative; width: auto; right: auto; padding-left: 18px; text-align: left; top: 0; margin-bottom: .5em;}
	
	#primary-nav #basket-info #searchForm { min-width: 0;}
	
	#divisions .division-item span.image { display: none;}
	#divisions .division-item span.text-outer { margin-left: 0; width: 100%}
	
	#banner-outer ul.banner li span.text-wrap strong.title { font-size: 36px; }
	#banner-outer ul.banner li span.text-wrap span.text { font-size: 14px; }
	#banner-outer ul.banner li span.text-wrap span.cta { font-size: 1.2em; }
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#quickEnquiryForm { width: 90%; }
	#wrap .page-container {min-height: 440px;}
}









/* MEDIUM DEVICES ONLY */
@media only screen and (min-width: 992px){
}

/* LARGE DEVICES ONLY */
@media only screen and (min-width: 1200px) {
	
}

/* EX-SMALL, SMALL, MEDIUM DEVICES */
@media only screen and (max-width: 1199px) {	
	
}

/* MEDIUM DEVICES ONLY */
@media only screen and (min-width: 992px) and (max-width: 1199px){

}

/* EX-SMALL & SMALL DEVICES */
@media only screen and (max-width: 991px) {
	
}

/* SMALL DEVICES ONLY */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* EX-SMALL ONLY */
@media only screen and (max-width: 767px) {
	
}