/* Large Normal desktop :1170px. */
.container {
	width: 1170px;
}
.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
@media (max-width: 1500px) {
.container {
	width: 1170px;
}
.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
.header-area .logo-area {margin-top: 18px;}
.slider-area .slider-1 h1, .slider-area .slider-2 h1 {font-size: 50px;line-height: 0;margin: 99px 0 38px;}
.slider-area .slider-1 div.title2, .slider-area .slider-2 div.title2{padding: 0 10em;}
.preview-2 .nivo-controlNav{bottom: 20px;}
.slider-area .slider-2 div.read-more, .slider-area .slider-1 div.read-more{  margin-top: 40px;}
.slider-area .slider-2 div.read-more a, .slider-area .slider-1 div.read-more a{padding: 13px 30px}
.home-our-service-area .total-single-service-area {padding: 0;}
.home-our-service-area .total-single-service-area .single-services-area p {padding: 0 5px; min-height:150px !important;}
.home-our-service-area .total-single-service-area .single-services-area {padding: 20px 0 !important;}
.home-our-service-area .total-single-service-area .single-services-area:hover {padding: 15px 0;}
.home-page-our-service .services-area .owl-pagination {  margin-top: 0;}
.home-page-latest-blog .total-blog-content-area .single-blog .details {top: 20%;}
.footer-top-area .single-footer ul li {font-size: 14px;}
.footer-top-area .single-footer a {font-size: 14px; color:#FFFFFF;}
.footer-bottom-area .footer-bottom-left p {font-size: 12px;}
.home2 .header-area {padding: 0;}
.home2 .header-area .main-header-area {margin-top: 10px;}
.our-service .single-service .media .media-body h4.media-heading a {font-size: 20px;}
.home-page-team-area .total-team .total-team-area .single-team-area {  padding: 29px;}
.contact-us .contact-page-content ul li {margin: 0 20px;}
.page-header-area h1 {font-size: 40px;}
.contact-us .main-contact-form h3 {font-size: 21px;}
.slider-area .slider-1 p::after, .slider-area .slider-2 p::after{width: 44%;}
.home2 .header-area .header-top-area .header-top-right a {
	font-size: 14px;
	color: #FFFFFF;
}
.home2 .header-area .header-top-area .header-top-left a {
	font-size: 14px;
	color: #FFFFFF;
}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {.container {
	max-width: 1200px;
}
h2 {
	font-size: 16px;
	margin: 0px 10px 0px 0px !important;
}
h3 {
	font-size: 16px;
	margin: 0px 0 10px 0 !important;
}
.header-area .logo-area {margin-top: 18px;}
.slider-area .slider-1 h1, .slider-area .slider-2 h1 {font-size: 42px;line-height: 0;margin: 100px 0 30px;}
.slider-area .slider-1 div.title2, .slider-area .slider-2 div.title2{padding: 0;}
.preview-2 .nivo-controlNav{bottom: 20px;}
.slider-area .slider-2 div.read-more, .slider-area .slider-1 div.read-more{  margin-top: 20px;}
.slider-area .slider-2 div.read-more a, .slider-area .slider-1 div.read-more a{padding: 5px 10px}
.home-our-service-area .total-single-service-area {padding: 0;}
.home-our-service-area .total-single-service-area .single-services-area p {padding: 0 5px;}
.home-our-service-area .total-single-service-area .single-services-area, .home-our-service-area .total-single-service-area .single-services-area:hover {padding: 15px 0;}
.home-page-our-service .services-area .owl-pagination {  margin-top: 0;}
.home-page-latest-blog .total-blog-content-area .single-blog .details {top: 16%;}
.footer-top-area .single-footer ul li {font-size: 14px;}
.footer-bottom-area .footer-bottom-left p {font-size: 12px;}
.home2 .header-area {padding: 0;}
.home2 .header-area .main-header-area {margin-top: 10px;}
.our-service .single-service .media .media-body h4.media-heading a {font-size: 20px;}
.home-page-team-area .total-team .total-team-area .single-team-area{padding: 0;}
.contact-us .contact-page-content ul li {margin: 0 20px;}
.page-header-area h1 {font-size: 40px;}
.contact-us .main-contact-form h3 {font-size: 21px;}
.slider-area .slider-1 p::after, .slider-area .slider-2 p::after{width: 52%;}
.home-page-banner-area h1 {font-size: 57px;}
#header {
	float: left;
	width: 100%;
	height: 250px;
	z-index: 1000;
/*
	background-image: url(/images/bg_header.png);
	background-repeat: no-repeat;
	background-size: contain;
*/

}
.animateddrawer {
	font-size: 10px;
	width: 3em;
	height: 2.8em;
	outline: none;
	position: absolute;
	left: 60px;
	top: 10px;
	display: none;
	background: white;
	z-index: 1000;
}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
#agent-desc{
float:left;
width:450px;
margin-bottom:36px;
font-size:14px;
margin-top:30px;

}

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) {
.demo {
    max-width: 960px;
    margin: 0 auto;
	}
.container {
	
width:100%;
}
#maincontainer { 
width:100%;}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
}
@media (min-width: 768px) and (max-width: 991px) { 
.demo {
	max-width: 700px !important;
	}
h2 {
	font-size: 16px;
	margin: 0px 10px 0px 0px !important;
}

.ddsmoothmenu{
	list-style:none;
	text-align:left;
	font-size: 14px;
	text-align:center;
	font-weight:normal;
	font-family:'Montserrat', sans-serif;
	
} 
#featured_wrap{
float:left;
height:100%;
width:100%; background-color:#d4d5d7:
padding: 10px 10px;
}
.container {
	
width:740px;
}
#header_right {
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	margin-top: 160px;
	font-size: 14px;
}
.header-area .logo-area {margin-top: 18px;}
.home2 .slider-area .slider-content {margin-top: 72px;}
.slider-area .slider-1 h1, .slider-area .slider-2 h1 {font-size: 28px;line-height:0;margin: 30px 0;}
.slider-area .slider-1 div.title2, .slider-area .slider-2 div.title2{padding: 0;}
.preview-2 .nivo-controlNav{bottom: 20px;}
.slider-area .slider-2 div.read-more, .slider-area .slider-1 div.read-more{  margin-top: 40px;}

.slider-area .slider-2 div.read-more a, .slider-area .slider-1 div.read-more a{padding: 13px 30px}
.home-our-service-area .total-single-service-area {padding: 0;}
.home-our-service-area .total-single-service-area .single-services-area p {padding: 0 5px; min-height:175px !important;}
.home-our-service-area .total-single-service-area .single-services-area, .home-our-service-area .total-single-service-area .single-services-area:hover {background: none;}
.home-page-our-service .services-area .owl-pagination {  margin-top: 0;}
.home-page-latest-blog .total-blog-content-area .single-blog .details {top: 16%;}
.footer-top-area .single-footer ul li {font-size: 12px;}
.footer-bottom-area .footer-bottom-left p {font-size: 12px;}
.home2 .header-area {padding: 0;}
.home2 .header-area .main-header-area {margin-top: 10px;}
.our-service .single-service .media .media-body h4.media-heading a {font-size: 19px;}
.home-page-team-area .total-team .total-team-area .single-team-area{padding: 0;}
.contact-us .contact-page-content ul li {margin: 0 0;font-size: 13px;}
.page-header-area h1 {font-size: 30px;}
.contact-us .main-contact-form h3 {font-size: 16px;}
.contact-us .main-contact-form h3::after {top: 30px;}
.contact-us .main-contact-form fieldset .btn-send {padding: 15px 0;}
.home-page-our-service .services-area .single-service {text-align: center;}
.home-page-our-service .services-area .single-service .media .pull-left {display: inline-block !important;float: none !important;
  margin-right:0px !important;}
.home-page-our-service .services-area .single-service .media .media-body h4.media-heading a::after {margin: auto;right: 0;text-align: center;}
.home-page-our-service .services-area { margin-top: 60px;}
.home-page-banner-area h1 {font-size: 50px;}
.home-page-store-area .home-page-total-store .home-shop-area ul.nav-tabs::after {left: 35%; width: 42%;}
.home-page-store-area .home-page-total-store .home-shop-area .tab-content .groom-area .single-groom a img {width: 100%;}
.home-page-store-area .home-page-total-store .home-shop-area .tab-content .groom-area .single-groom .details {left: 40%;}
.footer-top-area .single-footer ul li {
	line-height: 1.5;
	margin: 0 auto 0 4em;
	padding: 0;
	text-align: left;
	list-style-position: outside;}
.blog-page-area .blog-page-content .single-blog .media .media-body h4.media-heading a {font-size: 18px;}
.blog-page-area .blog-page-content .single-blog .media .media-body .blog-content div.read-more a {padding: 10px 28px;}
.shop-area .single-shop .social-media-area ul li {margin: 0;}
.single-product-area .product-image ul li {margin: 0 2px;width: 60px;}
.add-to-cart-area ul li.box #qty {width: 70px;}
.related-product-area .single-product-store::after {left: 60%;top: -40px;width: 23%;}
.related-product-area h3 {font-size: 40px;}
.slider-area .slider-1 p::after, .slider-area .slider-2 p::after ,.home-page-banner-area h1::before, .home-page-banner-area h1::after{display:none;}
.dg-container{height:300px;}
.blog-page-area .blog-page-content .single-blog .media .pull-left{display: block;float: inherit !important;margin-right: 0;overflow:hidden;position:relative;}
.portfolio-area2 .single-portfolio2 .overlay-area2 {height: 37%;}
.portfolio-area3 .single-portfolio3 .overlay-area3 .portfolio-informations3 a {right: 20px;  top: 50px;}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#christies {display:none;}
.demo {
	max-width: 767px;
	}

.container { width: 100% !important;}
#maincontainer { width: 100% !important;}
h1, .h1 {
	font-size: 20px;
}
#featured-heading {
	float: left;

	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
}
	.header-area{display: none;}
	.header-area .main-menu-area ul li a {padding: 38px 14px;}
	.header-area .logo-area {margin-top: 18px;}
	.home2 .slider-area .slider-content {margin-top:0px;}
	.slider-area .slider-1 h1, .slider-area .slider-2 h1 {font-size: 24px; line-height:1; margin: 0px 0;}
	.slider-area .slider-1 div.title2, .slider-area .slider-2 div.title2{display: none;}
	.preview-2 .nivo-controlNav{bottom: 20px;}
	.slider-area .slider-2 div.read-more, .slider-area .slider-1 div.read-more{  margin-top: 40px;}
	.slider-area .slider-2 div.read-more a, .slider-area .slider-1 div.read-more a{padding: 13px 30px}
	.home-our-service-area .total-single-service-area {padding: 0;}
	.home-our-service-area .total-single-service-area .single-services-area p {padding: 0 5px;}
	.home-our-service-area .total-single-service-area .single-services-area, .home-our-service-area .total-single-service-area .single-services-area:hover {background: none;}
	.home-page-our-service .services-area .owl-pagination {  margin-top: 0;}
	.home-page-latest-blog .total-blog-content-area .single-blog .details {top: 16%;}
	.footer-top-area .single-footer ul li {font-size: 14px;}
	.footer-bottom-area .footer-bottom-left p {font-size: 12px;text-align: center;}
	.home2 .header-area {padding: 0;}
	.home2 .header-area .main-header-area {margin-top: 10px;}
	.our-service .single-service .media .media-body h4.media-heading a {font-size: 19px;}
	.home-page-team-area .total-team .total-team-area .single-team-area{padding: 0;background: none}
	.contact-us .contact-page-content ul li {margin: 0 0;font-size: 13px;}
	.page-header-area h1 {font-size: 30px;}
	.contact-us .main-contact-form h3 {font-size: 16px;}
	.contact-us .main-contact-form h3::after {top: 30px;}
	.contact-us .main-contact-form fieldset .btn-send {padding: 15px 0;}
	.home-page-our-service .services-area .single-service {text-align: center;}
	.home-page-our-service .services-area .single-service .media .pull-left {display: inline-block !important;float: none !important;
		margin-right:0px !important;}
	.home-page-our-service .services-area .single-service .media .media-body h4.media-heading a::after {margin: auto;right: 0;text-align: center;}
	.home-page-our-service .services-area { margin-top: 60px;}
	.home-page-banner-area h1 {font-size: 32px;}
	.home-page-store-area .home-page-total-store .home-shop-area ul.nav-tabs::after {left: 35%; width: 42%;}
	.home-page-store-area .home-page-total-store .home-shop-area .tab-content .groom-area .single-groom a img {width: 100%;}
	.home-page-store-area .home-page-total-store .home-shop-area .tab-content .groom-area .single-groom .details {left: 40%;}
	.footer-top-area .single-footer ul li {line-height: 3;}
	.blog-page-area .blog-page-content .single-blog .media .media-body h4.media-heading a {font-size: 18px;}
	.blog-page-area .blog-page-content .single-blog .media .media-body .blog-content div.read-more a {padding: 10px 28px;}
	.shop-area .single-shop .social-media-area ul li {margin: 0;}
	.single-product-area .product-image ul li {margin: 0 2px;width: 60px;}
	.add-to-cart-area ul li.box #qty {width: 70px;}
	.related-product-area .single-product-store::after {left: 60%;top: -40px;width: 23%;}
	.related-product-area h3 {font-size: 40px;}
	.slider-area .slider-1 p, .slider-area .slider-2 p {font-size: 15px;letter-spacing: 3px;}
	.slider-area .slider-1 p, .slider-area .nivo-directionNav a {top:40%;}
	.template-section-area p { padding: 0;}
	.home-page-team-area .total-team .total-team-area .single-team-area a img {width: 100%;}
	.footer-bottom-area .footer-bottom-right ul {margin: 10px;  text-align: center;}
	.single-services-content, .blog-page-content, .news-page-content-section-area { margin-top: 30px;}
	.single-services-area .single-services-content h2 { font-size: 25px;}
	.single-news-page .news-body .informations ul li i { margin-right: 0;}
	.single-news-page .news-body .informations ul li {margin-right: 6px;}
	.home-page-team-area .total-team .total-team-area .single-team-area a, .single-services-area .sidebar-area .single-sidebar .shop-advertise-area img { margin-bottom: 30px;}
	.shop-area {  margin-top: 30px;	}
	.four-zero-four-area .four-zero-page-area h2 {font-size: 200px;}
	.four-zero-four-area .four-zero-page-area h3 {font-size: 20px;letter-spacing: 3px;}
	.about .home-page-about-area .about-us-content h2:after {top: 50px;}
	.footer-bottom-area .footer-bottom-right ul li {margin: 0 8px;}
	.our-service .single-service {margin: auto auto 30px;overflow: hidden;  text-align: center;}
	.our-service .single-service .media .pull-left {display: inline-block;float: none !important;margin-right: 0 !important;}
	.our-service .single-service .media .media-body h4.media-heading a::after {margin: auto;right: 0;text-align: center;}
	
	.section-spacing{padding:70px 0}
	.home-page-our-service{padding: 60px 0;}
	.home-page-banner-area{padding:60px 0;}
	.dg-container {height: 345px;}
	.portfolio-area2 .single-portfolio2{margin: 0}
	 .home-page-team-area .total-team{margin-top:0}
	.single-portfolio-four {margin-top: 30px;}
	.contact-us .contact-page-content{margin-top: 20px;}
	.home-page-about-area, .home-portfolio-area, .home-page-store-area, .home-page-testimonial-area, .home-page-latest-blog, .footer-top-area, .page-header-area, .home-page-team-area, .our-service, .single-services-area, .portfolio-area, .portfolio-area2, .portfolio-area3, .four-zero-four-area{padding: 30px 0;}
	 .slider-area .slider-1 p::after, .slider-area .slider-2 p::after ,.home-page-banner-area h1::before, .home-page-banner-area h1::after{display:none;}
	 .dg-wrapper a {height: 330px;width: 420px;}
	 .dg-wrapper a.dg-center{min-height:240px;margin:auto;margin-left:0px;}
	 .about-us-feature-image { margin: 30px 0; }
	 .single-services-area .sidebar-area .single-sidebar #custom-search-input .search-query {width:420px;}
	 .blog-page-area .blog-page-content .single-blog .media .pull-left {margin-right: 0;}
	 .portfolio-area .single-portfolio .overlay-area .portfolio-details {padding:0 15px;}
	 .home-page-about-area .about-us-content h2 {font-size: 48px;}
	 .portfolio-area2 .single-portfolio2 .overlay-area2 .portfolio-informations2 a {top: 20px;}
	 .portfolio-area2 .single-portfolio2 .overlay-area2 {height: 50%;}
	 .home-page-team-area {	 padding: 120px 0 !important; }
	 
	 .header-top-left {
	margin-top: 0px;
	color: #ffffff;
	font-size: .75em;
}.header-top-right {
	margin-top: 0px;
	color: #ffffff;
	font-size: .75em;
}
.header-top-right a {
	color: #ffffff;
	text-decoration: none;
}
.header-top-left a {
	color: #ffffff;
	text-decoration: none;
}

.animateddrawer {
	font-size: 10px;
	width: 3em;
	height: 2.8em;
	outline: none;
	position: absolute;
	/*left: 60px;*/
	left: 90%; /*This was changed from 60px to align hamburger to right 2017-08-08 JCR*/
	top: 10px;
	display: none;
	background: white;
	z-index: 1000;
}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
}

/* small mobile :479px. */
@media (max-width: 479px) {
#christies {display:none;}
.demo {
	max-width: 460px;
}
h1 {
	text-transform: none;
	font-size: 18px;
	color:#126233;
	font-weight: bold;
	font-family: adelle;
	padding: 0 !important;
	margin: 0!important;
	padding: 5px 0 5px 0;
}
h2 {
	text-transform: none;
	font-size: 12px;
	color:#126233;
	font-weight: bold;
	font-family: adelle;
	padding: 0 !important;
	margin: 0!important;
}

h3 {
	font-size: 1.00em;
	font-weight: bold;
	margin: 0 0 5px;
}

.container {
	width:100% !important;
	margin-left: auto;
	margin-right: auto;}
#slideshow {
	float: left;
	width:100%;
	height:100%;
	margin-bottom: 42px;
}
#maincontainer { 
width:100%;
	margin-left: auto;
	margin-right: auto;}
#featured-heading {
	float: left;
	text-transform: uppercase;
	color: #2c2b2b;
	font-weight: bold;
	font-size: 12px;
}
#logo {
	float: left;
	margin: 40px 0 10px 35px;
	z-index:-1;
}
#header_right {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 14px;
}

#header_right #line1{margin-bottom:15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;}
#header {
	margin: 0px 0 0px 30px;
	float: left;
	width: 100%;
	height: inherit;
	z-index: 1000;
/*
background-image: url(/images/bg_header-sm.png);
	background-repeat: no-repeat;
	background-size: contain;
*/
}
#agent-desc{
float:left;
width:380px;
margin-bottom:20px;
font-size:14px;
margin-top:10px;

}

.animateddrawer {
	font-size: 10px;
	width: 3em;
	height: 2.8em;
	outline: none;
	position: absolute;
	/*left: 60px;*/
	left: 90%; /*This was changed from 60px to align hamburger to right 2017-08-08 JCR*/
	top: 10px;
	display: none;
	background: white;
	z-index: 1000;
}
	 .header-area{display: none;}
	 .header-area .main-menu-area ul li a {padding: 38px 14px;}
	 .header-area .logo-area {margin-top: 18px;}
	 .slider-area .slider-content, .preview-2 .nivo-controlNav {display: none;}
	 .home-our-service-area .total-single-service-area {padding: 0;}
	 .home-our-service-area .total-single-service-area .single-services-area p {padding: 0 5px;}
	 .home-our-service-area .total-single-service-area .single-services-area, .home-our-service-area .total-single-service-area .single-services-area:hover, .home-page-store-area .home-page-total-store .home-shop-area ul.nav-tabs::after {background: none;}
	 .home-page-our-service .services-area .owl-pagination {  margin-top: 0;}
	 .home-page-latest-blog .total-blog-content-area .single-blog .details {top: 16%;}
	 .footer-top-area .single-footer ul li {font-size: 14px;}
	 .footer-bottom-area .footer-bottom-left p {font-size: 12px;text-align: center;}
	 .home2 .header-area {padding: 0;}
	 .home2 .header-area .main-header-area {margin-top: 10px;}
	 .our-service .single-service .media .media-body h4.media-heading a {font-size: 19px;}
	 .home-page-team-area .total-team .total-team-area .single-team-area{padding: 0;background: none}
	 .contact-us .contact-page-content ul li {margin: 0 0;font-size: 13px;}
	 .page-header-area h1 {font-size: 20px;margin-bottom: 15px;}
	 .contact-us .main-contact-form h3 {font-size: 16px;}
	 .contact-us .main-contact-form h3::after {top: 30px;}
	 .contact-us .main-contact-form fieldset .btn-send {padding: 15px 0;}
	 .home-page-our-service .services-area .single-service {text-align: center;}
	 .home-page-our-service .services-area .single-service .media .pull-left {display: inline-block !important;float: none !important;
	 margin-right:0px !important;}
	 .home-page-our-service .services-area .single-service .media .media-body h4.media-heading a::after {margin: auto;right: 0;text-align: center;}
	 .home-page-our-service .services-area { margin-top: 60px;}
	 .home-page-banner-area h1 {font-size: 21px;}
	 .home-page-store-area .home-page-total-store .home-shop-area ul.nav-tabs::after {left: 35%; width: 42%;}
	 .home-page-store-area .home-page-total-store .home-shop-area .tab-content .groom-area .single-groom a img {width: 100%;}
	 .home-page-store-area .home-page-total-store .home-shop-area .tab-content .groom-area .single-groom .details {left: 30%;}
	 .footer-top-area .single-footer ul li {line-height: 3;}
	 .blog-page-area .blog-page-content .single-blog .media .media-body h4.media-heading a {font-size: 18px;}
	 .blog-page-area .blog-page-content .single-blog .media .media-body .blog-content div.read-more a {padding: 10px 28px;}
	 .shop-area .single-shop .social-media-area ul li {margin: 0;}
	 .single-product-area .product-image ul li {margin: 0 2px;width: 60px;}
	 .add-to-cart-area ul li.box #qty {width: 79%;margin-top: 20px;}
	 .related-product-area .single-product-store::after {display: none;}
	 .related-product-area h3 {font-size: 29px;}
	 .slider-area .slider-1 p, .slider-area .slider-2 p {font-size: 15px;letter-spacing: 3px;}
	 .slider-area .slider-1 p, .slider-area .nivo-directionNav a {top: 30px;}
	 .template-section-area p { padding: 0;}
	 .home-page-team-area .total-team .total-team-area .single-team-area a img {width: 100%;}
	.footer-bottom-area .footer-bottom-right ul {margin: 10px;  text-align: center;}
	.single-services-content, .blog-page-content, .news-page-content-section-area { margin-top: 30px;}
	.single-services-area .single-services-content h2 { font-size: 19px;}
	.single-news-page .news-body .informations ul li i { margin-right: 0;}
	.single-news-page .news-body .informations ul li {margin-right: 6px;}
	.home-page-team-area .total-team .total-team-area .single-team-area a, .single-services-area .sidebar-area .single-sidebar .shop-advertise-area img { margin-bottom: 30px;}
	.home-area {  margin-top: 0px; font-size: 14px; font-weight:bold;
	margin-left: auto;
	margin-right: auto;	}
	.home-area h3{ font-size: 16px; font-weight:bold;}
	.internal-area {  margin-top: 10px; font-size: 14px; font-weight:bold;
	margin-left: auto;
	margin-right: auto;	}
	.internal-area h3{ font-size: 16px; font-weight:bold;}
	.four-zero-four-area .four-zero-page-area h2 {font-size: 150px;}
	.four-zero-four-area .four-zero-page-area h3 {font-size: 20px;letter-spacing: 0px;}
	.template-section-area h2 {font-size: 20px;margin-bottom: 0px;}
	.template-section-area h2::after {top: 40px;}
	.home-page-about-area .about-us-content h2{font-size: 40px}
	.footer-top-area .single-footer ul li i {margin-right: 10px;}
	.about .home-page-about-area .about-us-content h2::after {top: 50px;}
	.footer-bottom-area .footer-bottom-right ul li {margin: 0 8px;}
	.our-service .single-service {margin: auto auto 30px;overflow: hidden;  text-align: center;}
	.our-service .single-service .media .pull-left {display: inline-block;float: none !important;margin-right: 0 !important;}
	.our-service .single-service .media .media-body h4.media-heading a::after {margin: auto;right: 0;text-align: center;}
	.single-services-area .sidebar-area .single-sidebar h2 {font-size: 12px;margin-bottom: 25px;}
	.single-services-area .sidebar-area .single-sidebar h2::after {top: 30px;}
	.pagination-area ul li a {height: 35px;line-height: 35px;width: 35px;}
	.portfolio-area2 .single-portfolio2 .overlay-area2 .portfolio-informations2 a {height: 25px;line-height: 25px;top: 0;width: 25px;}
	.add-to-cart-area ul li a {margin-right: 0;}
	.home-our-service-area .total-single-service-area .single-services-area .service-icon {margin-bottom: 0;}
	.add-to-cart-area ul li { float: none;text-align: center;}
	.product-tab-area ul.tablist-area li {display: block;float: none !important;}
	.product-tab-area ul.tablist-area li a {border-bottom: 1px solid #ddd;}
	.mean-container .mean-bar {padding:0px 0 10px;}
	.section-spacing{padding:70px 0}
	.home-page-our-service{padding: 60px 0;}
	.home-page-banner-area{padding:60px 0;}
	.dg-container {height: 345px;}
	.portfolio-area2 .single-portfolio2{margin: 0}
	 .home-page-team-area .total-team{margin-top:0}
	.single-portfolio-four {margin-top: 30px;}
	.contact-us .contact-page-content{margin-top: 20px;}
	.home-page-about-area, .home-portfolio-area, .home-page-store-area, .home-page-testimonial-area, .home-page-latest-blog, .footer-top-area, .page-header-area, .home-page-team-area, .our-service, .single-services-area, .portfolio-area, .portfolio-area2, .portfolio-area3, .four-zero-four-area{padding: 10px 0;}
	 .slider-area .slider-1 p::after, .slider-area .slider-2 p::after ,.home-page-banner-area h1::before, .home-page-banner-area h1::after{display:none;}
	 .dg-wrapper a {height: 246px;width: 310px;}
	 .dg-wrapper a.dg-center{min-height:240px; margin:auto; margin-left:-20px;}
	 .about-us-feature-image { margin: 30px 0; }
	 .single-services-area .sidebar-area .single-sidebar #custom-search-input .search-query {width: 275px;}
	 .blog-page-area .blog-page-content .single-blog .media .pull-left {margin-right: 0;}
	 .portfolio-area .single-portfolio .overlay-area .portfolio-details {padding: 0 15px;}
	 .home-page-team-area {padding: 20px 0 !important;}

.header-top-left {
	margin-top: 0px;
	color: #ffffff; font-size: .75em;
}
.header-top-right {
	margin-top: 0px;
	color: #ffffff; font-size: .75em;
}
.header-top-right a{
	color: #ffffff;
	text-decoration: none;
}
.header-top-left a{
	color: #ffffff;
	text-decoration: none;
}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
}
/* small mobile :414px. */
@media (max-width: 414px) {
#christies {display:none;}
.demo {
	max-width: 300px !important;
}
h1 {
	text-transform: uppercase;
	font-size: 14px;
	color:#126233;
	font-weight: bold;
	font-family: adelle;
	padding: 10px 0px 10px 0px !important;
	margin: 0!important;
}
h2 {
	text-transform: uppercase;
	font-size:14px;  font-weight:bold;
	color:#126233;
	font-family: adelle;
	padding: 0 !important;
	margin: 0!important;
}

h3 {
	font-size: 1.00em;
	font-weight: bold;

	margin: 0 0 5px;
}
h5 {
	color:#126233;
	font-size: 14px;
	font-family: adelle;
	font-weight: normal !important;
	margin: 0;
}
.container { width: 400px;}
#maincontainer { width: 100% !important;}
.template-section-area h2 {font-size: 14px;margin-bottom: 0px;}
.shop-area h3{ font-size: 14px; font-weight:bold;}
#agent-name {
	color:#49494a;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: normal !important;
	float: left;
	width: 100%;
}
#agent-name a {
	color:#49494a;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold !important;
	float: left;
	width: 100%;
	text-decoration: none;
}
#agent-title {
	float: left;
	width: 100%;
	font-size: 12px;
}

#detail-title {
	color:#126233;
	float: left;
	width: 100%;
	font-size: 12px;
	font-family: adelle, 'Montserrat', sans-serif;
}
.animateddrawer {
	font-size: 10px;
	width: 3em;
	height: 2.8em;
	outline: none;
	position: absolute;
	/*left: 20px;*/
	left: 85%; /*This was changed from 20px to align hamburger to right 2017-08-08 JCR*/
	top: 10px;
	display: none;
	background: white;
	z-index: 1000;
}
#logo {/*
	float: left;
	margin: 35px auto 10px auto;
	position: absolute;*/
	transform: translateX(-20%);
	left: 20%;
	position: absolute;
	z-index:-1;
}
#header {
	float: left;
	width: 100%;
	height: inherit;
	z-index: 1000;
/*
	background-image: url(/images/bg_header-sm.png);
	background-repeat: no-repeat;
	background-size: contain;
*/
}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 100%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
}
/* small mobile :320px. */
@media (max-width: 375px) {
#christies {display:none;}
.demo {
	max-width: 280px !important;
}
}
/* small mobile :320px. */
@media (max-width: 320px) {
#christies {display:none;}
.demo {
	max-width: 300px;
}
h1 {
	text-transform: none;
	font-size: 16px;
	color:#126233;
	font-weight: bold;
	font-family: adelle;
	padding: 0 !important;
	margin: 0!important;
	padding: 5px 0 5px 0;
}
h2 {
	text-transform: none;
	font-size: 12px;
	color:#126233;
	font-weight: bold;
	font-family: adelle;
	padding: 0 !important;
	margin: 0!important;
}

h3 {
	font-size: 1.00em;
	font-weight: bold;

	margin: 0 0 5px;
}

.container { width: 100% !important;}
#maincontainer { width: 100% !important;}
.template-section-area h2 {font-size: 14px;margin-bottom: 0px;}
.shop-area h3{ font-size: 14px; font-weight:bold;}
h2 {
	font-size:14px; font-weight:bold;
	 }
#detail-title {
	color:#126233;
	float: left;
	width: 100%;
	font-size: 14px;
	font-family: adelle, 'Montserrat', sans-serif;
}

.animate { transition: transform 0.3s ease-out; }
#carousel-example-generic {
	margin: 20px auto;
	width: 100%;
}

#carousel-custom {
	margin: 20px auto;
	width: 100%;
}
#carousel-custom .carousel-indicators {
	 margin: 10px 0 10px;
	overflow-x: scroll !important;
	position: static;
	text-align: left;
	white-space: nowrap;
	width: 96%;
}
#carousel-custom .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 2px !important;
	width: auto;
}
#carousel-custom .carousel-indicators li img {
	display: block;
	opacity: 0.4;
	background-color: #003800;
}
#carousel-custom .carousel-indicators li.active img {
	opacity: 1; border:1px solid #003800;
}
#carousel-custom .carousel-indicators li:hover img {
	opacity: 0.75;
}
#carousel-custom .carousel-outer {
	position: relative;
}
}