@media only screen and (max-width: 1300px){
	.main-footer .contact-widget .social-links{
		position:relative;
		left:0px;
		top:0px;
		width:100%;	
	}
}
@media only screen and (max-width: 700px){

	.coaan {
	margin-left: 15%;
    color: #e82f04;
    font-size: 21px;
    font-family: Roboto Condensed,Roboto;
    display: block;
    margin-top: 11%;
	}
	.img-small {
	margin-top: 4%;
    margin-left: 0%;
}

@media only screen and (max-width: 1200px){
	.main-menu .navigation > li{
		margin-right: 35px;
		width: 12%;
	}
	.main-header .header-lower .logo img{
    position: relative;
    display: inline-block;
    max-width: 80%;
    z-index: 1;
    margin-left: -17%;
    margin-top: -2%;
	}
	.get-quote .column .image{
		position:relative;	
	}
	
	.get-quote .column .image img{
		display:block;
		max-width:100%;
	}
	
	.main-header{
		position:relative;
		left:0px;
		top:0px;
		z-index:999;
		width:100%;
	}

.main-header .header-top{
	position:relative;
	border-bottom:1px solid rgba(0,0,0,0.30);
	padding:5px 0px;
	background:#235fab;
	}

.main-header .header-top .top-left{
	position:relative;
	float:left;
}

.main-header .header-top ul li{
	position:relative;
	display:inline-block;
	margin-left:20px;
}

.main-header .header-top .top-left ul li{
	margin-right:20px;
	margin-left:0px;	
}

.main-header .header-top ul li a{
	position:relative;
	display:block;
	line-height:20px;
	color:#cccccc;
	font-size:12px;
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
}

.main-header .header-top ul li .fa{
	position:relative;
	top:1px;
	font-size:13px;
	padding-right:5px;	
}

.main-header .header-top ul li a:hover{
	color:#ffffff;
}

.main-header .header-top .top-right{
	position:relative;
	float:right;
}

.main-header .header-lower{
	position:relative;
	padding:0px 0px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.81) 0%, rgba(255, 255, 255, 0.85) 5%, rgba(255, 255, 255, 0.56) 75%, rgba(255, 255, 255, 0) 100%);
	width:100%;
	left:0px;
	top:0px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fixed-header .header-lower{
	position:fixed;
	padding:0px !important;	
}

.main-header .header-lower .outer-box{
	position:relative;
	padding:0px 150px 0px 0px;	
}

.main-header .header-lower .search-box-btn{
	position:absolute;
	right:80px;
	top:35px;
	width:40px;
	padding-left:10px;	
}

.main-header .header-lower .search-box-btn .search-btn{
	position:relative;
	display:block;
	font-size:18px;
	color:#ffffff;
	line-height:30px;
	width:30px;
	height:30px;
	text-align:center;
	cursor:pointer;
}

.main-header .header-lower .search-box-btn .search-btn:hover{
	color:#f1f1f1;	
}
.main-header .header-lower .logo{
	position:relative;
	float:left;
	padding-right:10px;
	
}

.main-header .header-lower .logo:before{
	content:'';
	position:absolute;
	right:100%;
	top:0%;
	width:0px;
	height:100%;
	background:#c2af0f;	
}

	.main-header .header-lower .logo:after{
	content:'';
	position:absolute;
	left:80%;
	top:0%;
	width:100px;
	height:100%;
	
	transform:skewX(-25deg);
	-webkit-transform:skewX(-25deg);
	-ms-transform:skewX(-25deg);
	-o-transform:skewX(-25deg);
	-moz-transform:skewX(-25deg);	
	}

	.main-menu{
		position:relative;
		margin-left: 20%;
		width: 100%;	
	}

.main-menu .navbar-collapse{
	padding:0px;
	width: 100%	
}

.main-menu .navigation{
	position:relative;
	float:right;
	margin-top: -7%;
	font-family: 'Raleway', sans-serif;
	margin-left: 0%;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	padding:0px;
	margin-right:20px;	
	width: 11%;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	padding:10px 0px;
	font-size:16px;
	color:#000000;
	line-height:20px;
	font-weight:400;
	opacity:1;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	color:#c2af0f;
	opacity:1;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:160%;
	width:200px;
	padding:0px;
	border:1px solid #ffffff;
	z-index:100;
	background:#c2af0f;
	visibility:hidden;
	opacity:0;
	border-radius:0px 5px 5px 5px;
	-ms-border-radius:0px 5px 5px 5px;
	-webkit-border-radius:0px 5px 5px 5px;
	-moz-border-radius:0px 5px 5px 5px;
	-o-border-radius:0px 5px 5px 5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul:before{
	font-family: 'FontAwesome';
	content: "\f0d8";
	position:absolute;
	left:15px;
	top:-19px;
	padding-top:4px;
	display:block;
	width:100%;
	width:100%;
	height:20px;
	display:block;
	color:#c2af0f;
	line-height:20px;
	font-size:28px;
	z-index:5;	
}

.main-menu .navigation > li:hover > ul {
	top:120%;
	opacity:1;
	visibility:visible;	
}

.main-menu .navigation > li > ul > li{
	position:relative;
	float:none;
	width:100%;
	border-bottom:1px solid rgba(255,255,255,0.50);
}

.main-menu .navigation > li > ul > li:last-child{
	border:none;	
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:5px 10px;
	font-weight:normal;
	font-size:13px;
	color:#ffffff;
	font-weight:500;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	color:#ffffff;
	background-color:#a5950a;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f0da";
	position:absolute;
	right:10px;
	top:8px;
	width:10px;
	height:20px;
	display:block;
	color:#ffffff;
	line-height:20px;
	font-size:16px;
	text-align:center;
	z-index:5;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#1a1a1a;	
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
	color:#ffffff;	
}

.main-menu .navigation > li > ul > li  > ul{
	position:absolute;
	left:110%;
	top:-1px;
	width:180px;
	padding:0px;
	border:1px solid #ffffff;
	border-top-width:2px;
	z-index:100;
	background:#c2af0f;
	visibility:hidden;
	opacity:0;
	border-radius:0px 5px 5px 5px;
	-ms-border-radius:0px 5px 5px 5px;
	-webkit-border-radius:5px 0px 5px 5px;
	-moz-border-radius:0px 5px 5px 5px;
	-o-border-radius:0px 5px 5px 5px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > ul {
	left:100%;
	opacity:1;
	visibility:visible;	
}

.main-menu .navigation > li > ul > li  > ul > li{
	position:relative;
	float:none;
	width:100%;
	border-bottom:1px solid #ffffff;
}

.main-menu .navigation > li > ul > li  > ul > li:last-child{
	border:none;	
}

.main-menu .navigation > li > ul > li  > ul > li > a{
	position:relative;
	display:block;
	padding:4px 10px;
	font-weight:normal;
	font-size:13px;
	color:#ffffff;
	font-weight:500;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li  > ul > li:hover > a{
	color:#ffffff;
	background-color:#a5950a;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:15px;
	top:6px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	background:url(../images/icons/submenu-icon.png) center center no-repeat;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-moz-border-radius:3px;
}
.appoinment-btn {
	position: absolute;
	right: 0;
	top: 25px;
}
.appoinment-form-outer {
	position:relative;
	padding:25px 30px 40px;
	background:#f6f6f6;
	border-radius:2px;
	font-family:'Open Sans',sans-serif;
}
.appoinment-form-outer h3 {
	font-size:24px;
	font-weight:600;
	margin-bottom:20px;	
}
.appoinment-form-outer hr {
	margin-bottom:40px;
	border-color:#e0e0e0;	
}
.appoinment-form-outer .form-group {
	position:relative;
	margin-bottom:10px;	
}
.appoinment-form-outer input[type="text"],
.appoinment-form-outer input[type="email"],
.appoinment-form-outer input[type="tel"],
.appoinment-form-outer input[type="url"],
.appoinment-form-outer input[type="password"],
.appoinment-form-outer select,
.appoinment-form-outer textarea {
	position:relative;
	display:block;
	width:100%;
	line-height:34px;
	padding:8px 20px;
	background:#ffffff;
	border:1px solid #e0e0e0;
	height:45px;
}
.appoinment-form-outer select {
	cursor:pointer;	
}
.appoinment-form-outer .field-label {
	position:relative;
	display:block;
	font-weight:600;
	font-size:18px;
	color:#084d24;
	line-height:28px;
	margin-bottom:10px;
}
.appoinment-form-outer .field-label .required {
	color:#ff0000;
	font-size:14px;	
}
.appoinment-form-outer .radio-select {
	position:relative;
	float:left;
	margin-right:30px;
	margin-bottom:5px;
	line-height:50px;
	outline: none;
}
.appoinment-form-outer .radio-select:last-child {
	margin-left:25px;
}
.appoinment-form-outer .radio-select label {
	color: #084d24;
	cursor: pointer;
	font-size: 24px;
	font-weight: 600;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.appoinment-form-outer .radio-select input[type="radio"]:checked+label {
	color:#c2af0f;
}
.appoinment-form-outer button {
	padding:9px 30px;	
}
.modal-backdrop {
  z-index: 0;}		
}


@media only screen and (max-width: 1023px){
	.main-footer .contact-widget{
		padding-right:10px;	
	}
	
	.why-us-section .bg-grey {
		display:none;	
	}
	
	.why-us-section .bg-image{
		position:relative;
		display:none	
	}
	
	.blog-section .review-box .review-content br{
		display:none;	
	}
}

@media only screen and (max-width: 991px){
	.sm-text-center {
		text-align: center;
	}

	.sm-d-ib {
	    display: inline-block;
	}

	.sm-width5-center {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 500px;
	}

	.pricing-table {
		display: inline-block;
		margin-bottom: 30px;
		width: 100%;
	}

	.pricing-table .pricing-header .thumb img {
		width: 100%;
	}
}
@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
		width: 220%;
	}
}

@media only screen and (max-width: 767px){
	
	.header-lower .outer-box{
		padding-right:0px;	
	}
	
	.header-lower .outer-box .search-box-btn{
		display:none;	
	}
	
	.main-menu{
		float:none;
		margin-right:-130px;
		right:-10px;
		top:25px;
		z-index:5;
		padding:0px;
	}
	
	.main-header .header-lower .cart-box-btn{
		top:10px;	
	}
	
	.main-menu .collapse {
		position:relative;
	   max-height:300px;
		overflow:auto;
		float:none;
		width:100%;
		padding:0px;
		border:1px solid #ffffff;
		margin:-50px 10px 0px !important;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:0px;
		border:1px solid #ffffff;
		margin:-50px 10px 0px !important;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;	
	}
	
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		padding-bottom:0px;
		right:0px;
		width:auto;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:block;
		z-index:7;
		border:1px solid #c2af0f;
		margin:15% 0px 0px 0px;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#c2af0f;
	}
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px;
		width:100%;
		background:#c2af0f;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px;
		float:none;
		width:100%;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
	}
	
	.main-menu .navigation > li > ul > li > a:after,
	.main-menu .navigation > li > ul:before,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#c2af0f;
		border-radius:0px;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:10px 10px !important;
		line-height:22px;
		color:#ffffff;
		background:#c2af0f;
		text-align:left;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background:#c2af0f;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
		display:block;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navbar-collapse > .navigation > li.dropdown > a::after{
		display:none !important;	
	}
	
	.main-footer .footer-bg-layer,
	.main-footer:after{
		display:none;	
	}
	
	.main-footer .about-widget .des-text .logo-image{
		 position:relative;	
	}
	
	.main-footer .about-widget .des-text{
		padding-left:0px;	
	}
	
	.main-slider h2,
	.why-us-section .block .number,
	.page-title h1{
		font-size:34px;	
	}
	
	.why-us-section .block{
		padding-left:50px;	
	}
	
	.main-header .header-top ul li{
		margin-left:0px;
		margin-right:12px;	
	}
	
	.featured-three-column{
		margin-top:88% !important;
		padding-top:70px;	
	}
}

@media only screen and (max-width: 599px){
	.main-header .header-lower .logo::after{
		display:none;	
	}
	
	.about-section .lower-content .content-box{
		padding:40px 20px;	
	}
	
	.sidebar-section .comments-area .reply-comment{
		margin-left:0px;	
	}
	
	.page-wrapper{
		overflow:hidden;	
	}
}

@media only screen and (max-width: 479px){
	
	.main-header.fixed-header .header-lower{
		position:relative !important;
   		margin-top: 4%;
   		margin-bottom: 3%;

	}
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
		right: 8%;
	}
	
	.main-header .header-lower .logo{
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:-18%;
	}
	
	.main-header .header-lower .outer-box{
		padding-right:0px;	
	}
	
	.main-menu {
		margin-left: 3%;
    	top: 0px;
   		right: 0px;
    	margin-bottom: 0px;

	}
	
	.main-menu .collapse {
		margin:0px !important;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		margin:0px !important;	
	}
	
	.main-header .header-lower .cart-box-btn{
		margin-bottom:10px;	
	}
	
	.main-header .header-lower .cart-box-btn,
	.main-header .header-lower .cart-box-btn .cart-btn{
		position:relative;
		display:block;
		width:100%;
		top:0px;
		max-width:none;	
	}
	
	.default-banner .window-size .theme-btn{
		display:block;	
	}
	.layer-overlay.overlay-thm2-6:before {
	    background: rgba(8, 77, 36, 0.9) none repeat scroll 0 0;
	    left: 0;
	    position: absolute;
	    transform: skewX(0deg) !important;
	    width: 100%;
	}

}
@media only screen and (max-width: 319px) {
	.featured-three-column .column .inner-box,
	.featured-three-column.style-two .column .inner-box,
	.top-services .column .inner-box,
	.get-quote .sec-title h3,.get-quote .sec-title h2,
	.team-section .column, .blog-section.style-two .blog-post,
	.department, .footer-upper .form-box,
	.main-menu .navbar-header .navbar-toggle {
	    right: 3%;
	}
	.about .inner-box {
		margin-right: 6%;
	}
}
/**
* Cart Page Table responsive css Styles.
**/

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

	/* Force table to not be like tables anymore */
	.cart-page table, .cart-page thead, .cart-page tbody, .cart-page th, .cart-page td, .cart-page tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.cart-page thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.cart-page tr { border: 1px solid #ccc; }
	
	.cart-page td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%; 
	}
	
	.cart-page td:before { 
		/* Now like a table header */
		/* Top/left values mimic padding */
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    padding-left: 40px;
	    white-space: nowrap;
	    font-size: 16px;
	    color: #000;
	    font-weight: 500;
	    background-color: #F9F9F9;
	    line-height: 60px;
	    text-align: left;
	}
	.cart-page .table > tbody > tr > td.preview {
		    padding: 85px 50px 25px;
	}
	.cart-page .table > tbody > tr > td {
		    padding: 80px 40px 25px;
	}
	.cart-page .table > tbody > tr > td.del-item {
		text-align: left;
	}
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Preview"; }
	td:nth-of-type(2):before { content: "Product"; }
	td:nth-of-type(3):before { content: "Price"; }
	td:nth-of-type(4):before { content: "Quantity"; }
	td:nth-of-type(5):before { content: "Total"; }
	td:nth-of-type(6):before { content: "Delete Item"; }
}
@media (max-width: 767px) {
	.header-lower .appoinment-btn {display: none;}
	.tp-caption {}
}