/* ====================================================================================================================*/
/* Mobile Layout: 320px. */
/* ====================================================================================================================*/

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

.styled{margin-top:50px;}

h1{font-size:30px !important;}

h2{font-size:24px !important;}


h3{font-size:20px !important;}
.banner-wrap {
 margin-top:40px; 
  margin-bottom: 99px;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}


.flexslider {
  margin: 0 0 6px;
  background: #fff;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2);
}

.banner-wrap .block_info {
	position:relative;
	padding:10px 20px 22px;
	border-right: 1px solid grey;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
}
.banner-wrap .block_info strong {
	position:relative;
	display:block;
	font:300 20px/24px 'Raleway', sans-serif;
	color:#3e454c;
	text-transform:uppercase;
	padding-bottom:11px;
}
}

/* ====================================================================================================================*/
/* Wide Mobile Layout: 480px. */
/* ====================================================================================================================*/

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

h1{font-size:27px !important;}

h2{font-size:24px !important;}


h3{font-size:20px !important;}
.banner-wrap {

 margin-top:40px; 
  margin-bottom: 99px;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.prev {
    position: absolute;
    font-size: 12px;
    top: 46%;
    left: 12px;
    color: #fff;
}
.next {

    font-size: 12px;
    top: 46%;
    color: #fff;
}

.theme-responsive{min-width:100%;}

.flexslider {
  margin: 0 0 6px;
  background: #fff;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
}

}
/* ====================================================================================================================*/
/* Tablet Layout: 768px. */
/* ====================================================================================================================*/

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

body {font-size:11px !important;}


.banner-wrap {

 margin-top:40px; 
  margin-bottom: 99px;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f001';
  color: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}


.flexslider {
  margin: 0 0 6px;
  background: #fff;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}


}


/* ====================================================================================================================*/
/* Tablet Layout: 768px. */
/* ====================================================================================================================*/

@media only screen and (min-width: 992px) and (max-width: 1200px) {
body {font-size:11px !important;}
}