/*-------------------------------
SMALL DESKTOPS
-------------------------------*/
@media all and (max-width: 1199px) and (min-width: 992px) {
	/*COMMAN*/
	body {
		padding-top: 85px;
	}
	.container {
    	width: 970px;
	}

	/*FONTS*/
	h1,
	.heading1{
		font-size: 38px;
	}

	/*HEADER*/
	.site-branding {
		margin-top: 19px;
	}
	.site-branding img {
    	width: 135px;
	}
	.main-navigation a {
		font-size: 12px;
	}
	.quote p {
		font-size: 12px;
	}
	#primary-menu > li {
	    padding-bottom: 30px;
	    padding-top: 35px;
	}
	#primary-menu > li + li {
		margin-left: 25px;
	}
	/*STICKY*/
	.stickyhead #primary-menu > li {
    	padding-top: 28px;
	}

	/*SLIDER*/
	.flex-caption p {
		font-size: 35px;
	}

	/*PROJECT*/

}

/*-------------------------------
MENU'S
-------------------------------*/
@media all and (max-width: 991px) {
	header.stop_sticky {
    	opacity: 0;
	}
	.main-navigation  {
		display: none;
	}
	.menuBtn {
		background-image: url("../images/menubtn.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 33px 33px;
		border: medium none;
		height: 33px;
		position: fixed;
		right: 20px;
		width: 33px;
		transition: all 0.5s ease 0.1s;
		-webkit-transition: all 0.5s ease 0.1s;
		z-index: 999;
	}
	.stickyhead .menuBtn {
		margin-top: 21px;
	}
	.menuBtn.menuBtnCLicked {
	    background-size: 0px 0px;
	}
	 .menuBtn:after {
	    background-image: url("../images/menubtnClose.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    content: "";
	    height: 33px;
	    opacity: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 100%;
   	 	transform: scale(0) rotate(360deg);
   	 	-webkit-transform: scale(0) rotate(360deg);
   		transition: all 0.5s ease 0s;
   		-webkit-transition: all 0.5s ease 0s;
	}
	.menuBtnCLicked:after {
	    opacity: 1;
   	 	transform: scale(1) rotate(0deg);
   	 	-webkit-transform: scale(1) rotate(0deg);
   		transition: all 0.5s ease 0.2s;
   		-webkit-transition: all 0.5s ease 0.2s;
	}
	.mobile_menu {
	    background-color: rgba(255, 255, 255, 0.95);
	    bottom: 0;
	    left: -275px;
	    opacity: 0;
	    padding: 15px;
	    position: fixed;
	    top: 0;
	    width: 275px;
	    overflow-x:hidden; 
	    overflow-y:auto; 
	    z-index: 1000;
	}
	.mobile_menu ul {
    	list-style: none;
    	margin: 0;
	}
	#primary-menu li {
    	margin: 0;
    	padding: 0;
    	width: 100%;
	}
	.mobile_menu a {
		color: #121212;
	}
	#primary-menu > li > a {
    	font-size: 15px;
    	font-weight: 500;
    	text-transform: uppercase;
	}
	.sub-menu li a {
    	display: inline-block;
    	padding-bottom: 10px;
    	padding-left: 10px;
	}
	.mobile_menu.open {
	    box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
	    left: 0;
	    opacity: 1;
	}
	#primary-menu > li {
		width: 100%;
	}
	#primary-menu > li + li {
    	border-top:  1px solid rgba(176, 35, 35, 0.2);
    	margin-left: 0;
	}
	#primary-menu > li > a {
		display: block;
		font-size: 15px;
		font-weight: 700;
		padding-bottom: 8px;
		padding-top: 8px;
		text-transform: uppercase;
	}
	.mobile_menu i {
    	color: #b02325;
    	margin-left: 2px;
	}
	.sub-menu li a {
	    display: inline-block;
	    font-size: 15px;
	    padding-bottom: 8px;
	    padding-left: 10px;
	}
	.menu_overlay {
		bottom: 100%;
		left: 0;
		opacity: 0;
		position: fixed;
		right: 0;
		top: 0;
		transition: all 0.1s linear 0s;
		z-index: 101;
	}
	.menu_overlay_opens {
		background-color: rgba(34, 34, 34, 0.75);
		bottom: 0;
		opacity: 1;
	}
}



/*-------------------------------
IPADS
-------------------------------*/
@media all and (max-width: 991px) and (min-width: 768px) {
	/*COMMAN*/
	body {
		padding-top: 85px;
		font-size: 16px;
	}
	.container {
    	width: 750px;
	}

	/*FONTS*/
	h1,
	.heading1{
		font-size: 36px;
	}
	h2 {
		font-size: 25px;
	}
	.red li {
		font-size: 16px;
	}

	/*HEADER*/
	.site-branding {
		margin-top: 19px;
	}
	.site-branding img {
    	width: 135px;
	}
	.quote {
		margin-right: 55px;
	}
	.quote p {
		font-size: 12px;
	}

	/*MENU*/
	.menuBtn ,
	.stickybody .menuBtnCLicked.menuBtnCLicked {
		top: 25px
	}
	.stickybody .menuBtn {
		top: 20px;
	}

	/*SLIDER*/

	.flex-caption p {
		font-size: 25px;
		padding-top: 20px;
		padding-bottom: 20px
	}
	.slider .flexslider .flex-direction-nav {
	    left: 20px;
	    opacity: 1;
	    right: 20px;
	    top: 40%;
	}

	/*PROJECT*/

	/*PROJECT DETAILS*/
	.pro_desc {
		margin-top: 20px;
	}

	/*GFORMS LAYOUT*/
	.gform_wrapper[id] {
		margin-top: 35px;
	}

	/*FOOTER*/
	.site-footer li a {
		font-size: 15px;
	}
	
}

/*-------------------------------
ALL PHONRS COMMAN
-------------------------------*/
@media all and (max-width: 767px) {
	/*COMMAN*/
	body {
		padding-top: 50px;
		font-size: 14px;
	}
	.container {
    	width: 100%;
	}
	.cf_row {
    	padding-bottom: 35px;
    	padding-top: 35px;
	}
	.cf_bread + .cf_row {
		padding-top: 25px;
	}
	.spacer {
		margin-top: 20px
	}

	/*FONTS*/
	h1,
	.heading1{
		font-size: 25px;
		margin-bottom: 20px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 20px;
	}
	h6 {
		font-size: 17px;
	}
	.red h2 {
		margin-bottom: 20px;
	}
	.red ul {
		margin-bottom: 25px;
	}
	.red li {
		font-size: 14px;
	}
	h5 {
		font-size: 17px;
	}
	p + p, p + ul, ul + h3, ul + h4, ul + h5, ul + h6, ul + p,
	p + h3, p + h4, p + h5, p + h6 {
		margin-top: 20px;
	}

	/*THUMBS*/
	.thumb_warranty {
		margin-bottom: 15px;
	}
	.thumb_map {
		margin-top: 25px;
	}
	.thumb_map iframe {
		height: 250px;
	}
	.align-right {
	    display: block;
	    float: none;
	    margin-left: 0;
	}

	/*HEADER*/
	.site-header {
		height: 50px;
	}
	.site-branding ,
	.stickyhead .site-branding {
	    margin: 6px 0 0;
	}
	.site-branding img ,
	.stickyhead .site-branding img {
    	width: 100px;
	}
	.quote,
	.stickyhead .quote
	 {
	    height: 50px;
	    padding: 0 10px;
	    margin-right: 55px;
	}
	.quote p ,
	.stickyhead .quote p {
	    font-size: 11px;
	    line-height: 50px;
	}
	.quote p:last-child ,
	.quote p:first-child::after {
		display: none;
	}

	/*MENU*/
	.menuBtn ,
	.stickybody .menuBtnCLicked.menuBtnCLicked {
		top: 9px;
	}
	.stickybody .menuBtn {
		top: 9px;
	}


	/*SLIDER*/
	.flex-caption p {
	    font-size: 12px;
	    padding-bottom: 10px;
	    padding-top: 10px;
	}
	.slider .flexslider .flex-direction-nav {
	    left: 10px;
	    opacity: 1;
	    right: 10px;
	    top: 35%;
	}
	.flex-direction-nav a {
    	width: 40px;
    	height: 40px;
    	line-height: 40px;
	}	
	.flex-direction-nav a::after {
	    font-size: 24px;
	    line-height: 40px;
	}
	body .flex-caption img[class] {
	    display: block;
	    height: 50px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 5px;
	}


	/*PROJECT*/
	.pro {
		margin-top: 25px;
	}
	.pro p {
		min-height: inherit;
	}

	/*PROJECT DETAILS*/
	.pro_desc {
		margin-top: 20px;
	}
	.pro_desc p {
		font-size: 14px;
	}
	.pro_desc p + p {
		margin-top: 10px;
	}

	/*GFORMS LAYOUT*/
	.gform_wrapper[id] {
		margin-top: 32px;
	}
	.gform_wrapper[id] .gform_fields .gfield.col-sm-6[id] {
		width: 100%;
	}
	body [id] input.form-control[class], body [id] select.form-control[class], body [id] textarea.form-control[class], .ginput_container_textarea textarea.small, .gform_wrapper[id] .gform_fields .gfield[id] .ginput_container .medium[id] {
		height: 45px;
	}
	.gform_wrapper[id] .gform_footer:not(id) {
		text-align: left;
	}
	.gform_wrapper[id] .gfield_checkbox label {
		font-size: 14px;
	}
	body [id] textarea.form-control[class], 
	.gform_wrapper[id] .gform_fields .gfield[id] .ginput_container textarea[id][class] {
		height: 85px;
	}

	/*ACCODIANS*/
	#accordion h3 {
		font-size: 15px;
		text-transform: none;
		padding-left: 45px;
	}
	#accordion h3::before {
		font-size: 19px;
		top: 10px;
	}
	.group > div {
		padding-left: 45px;
	}

	/*SIDEBAR*/
	#sidebar {
		clear: both;
		margin-top: 25px;
	}

	/*FOOTER*/
	.site-footer li a {
		font-size: 12px;
	}
	.site-info p {
		font-size: 11px;
	}
}

/*-------------------------------
PHONE LANDSCAPE ONLY
-------------------------------*/
@media all and (max-width: 767px) and (min-width: 480px) {

}

/*-------------------------------
VERY SMALL PHONE LANDSCAPE ONLY
-------------------------------*/
@media all and (min-width: 480px) and (max-width: 500px) {
	/*MENU*/
	.site-header {
		position: absolute;
	}
	.stickybody .menuBtn {
	    background-color: #b02325;
	    background-size: 20px auto;
	    border-radius: 100px;
	    height: 40px;
	    top: 9px;
	    width: 40px;
	    transition:all 0.2s ease 0s;
	    -webkit-transition:all 0.2s ease 0s;
	}
	.stickybody .menuBtn.menuBtnCLicked {
		background-size: 0 0;
	}
	.stickybody .menuBtn:after {
		height: 40px;
		background-size: 20px auto;
	}
}

/*-------------------------------
PHONE PORTRAITS ONLY
-------------------------------*/
@media all and (max-width: 479px) {
	
}