@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*font-family: 'Oswald', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/*font-family: 'Open Sans', sans-serif;*/

body, html{font-family: 'Open Sans', sans-serif; font-size:16px; line-height:24px; background:#E4E4E4; background:url(../images/main-background.jpg) center top no-repeat; background-size:cover; background-attachment:fixed;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img {  border: 0;  vertical-align: top;  max-width: 100%;  height: auto;}
html, body {  height: 100%;}
ul{display:block;list-style-type:disc; margin-block-start:0; margin-block-end:0; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:0;}
a:hover, a:active, a:focus {
    outline: none;
    -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif;}

#innercontainer {
    padding-bottom: 148px;
   /* background: #fff;*/
    max-width: 1380px;
    margin: 10px auto; padding-top:5px;
}
.outersection { min-height: 100%; position: relative; height: auto;}
.footer { position: absolute; width: 100%; left: 0px; bottom: 0px;}
.bx-wrapper .item img{ width:100%;}
.banner-text img{ width:auto !important;}
/*----header----*/



/*===nav bar====*/
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret{color:#FFF;}

/* Menu Css */
.main_menu{float:right; list-style-type:none; background:#3c3c3c;}
.main_menu li{display:inline-block; position:relative; float:left;}
.main_menu li a{display:block; padding:11px 15px; text-transform:uppercase; font-size:15px; color:#fff; /*border-bottom:3px solid transparent;*/ transition:all 0.3s; font-weight:bold;}
.main_menu li:hover a, .main_menu li.active a, .main_menu li a:hover, .main_menu li a:focus{ /*border-bottom:3px solid #fff;*/ text-decoration:none; color:#fff; background:#000;}
.main_menu li ul{position:absolute; left:0px; background:#FFF; min-width:250px; display:none; z-index:99999;}

.main_menu li:hover>ul{display:block;}
.main_menu li ul li{display:block; float:none; position:relative; }
.main_menu li:hover ul li a, .main_menu li ul li a{padding:10px 15px; border-bottom:3px solid #da3822; color:#da3822; font-size:14px; }
.main_menu>li>ul>li>ul { left: -250px;  position: absolute;  top: 0; display:none;}
.main_menu>li>ul>li> a >.caret{display:inline-block; position:absolute; right:10px; top:23%;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
  border-top: 4px solid transparent;
  margin-right: 15px;
  margin-top: 6px;
  position: absolute;
  right: 0;
}

.main_menu li ul li:hover ul{display:block;}

.topmenu .navbar-toggle, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    float: right;
    margin-bottom: 8px;
    margin-right: 2px;
    margin-top: 0px;
    padding: 9px 10px;
    position: relative;
    transition: all 0.3s;
}
.navbar-toggle {
    display: none;
}



/*--top-nav--*/
.header{ margin-top:10px;}
.background_pan{ /*background:url(../images/main-background.jpg) center top no-repeat;*/ padding-bottom:30px; /*margin-bottom:40px;*/}
.top-nav{ background:rgba(0,0,0,0.45); padding:15px 30px;}
.top-nav .left_sec{ width:40%; display:inline-block; vertical-align:top;}
.top-nav .right_sec{ width:58%; display:inline-block; vertical-align:top;}
.phone_sec{ text-align:right;}
.phone_sec a{ display:block; padding-bottom:5px;}

/*--banner-sec--*/
.banner-sec{ width:940px; margin:0px auto;}
.banner-sec .bx-wrapper{ margin-bottom:0px;}
.banner-sec .bx-wrapper {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none;
    background:none;
}
.banner-text{ padding:15px 0px; text-align:center;}
.banner-text h3{ text-transform:uppercase; font-size:57px; color:#fff; text-shadow:2px 2px 0px #666;}
.story_sec h3{ font-size:50px; text-transform:uppercase; position:relative; margin-bottom:25px;}
.story_sec h3 span{ /*background:#fff;*/ position:relative; z-index:2;}
.story_sec h3:after {
    display: block;
    background: #999;
    height: 5px;
    content: '';
    width: 83%;
    position: absolute;
    bottom: 9px;
    right: 0px;
}
.alignleft{ float:left; margin-right:15px; margin-bottom:5px;}
.story_sec p{ color:#3a3a3a; font-size:20px; line-height:30px;}
.story_sec{ overflow:hidden; margin-bottom:25px;}


/*--three_block_sec--*/
.three_block_sec{ overflow:hidden;}
.block_green{ background:#e7e7e7;}
.block_green .content{ padding:25px;}
.block_green .content p{ font-size:22px; text-align:center; line-height:1.2;}
.block_green header{ background:#828282; text-align:center; color:#fff; text-transform:uppercase; padding:15px;}
.block_green header h3{ font-size:36px; padding:0px; margin:0px;}


.block_blue{ background:#e7e7e7;}
.block_blue .content{ padding:25px;}
.block_blue .content p{ font-size:22px; text-align:center; line-height:1.2;}
.block_blue header{ background:#828282; text-align:center; color:#fff; text-transform:uppercase; padding:15px;}
.block_blue header h3{ font-size:36px; padding:0px; margin:0px;}


/*--contact_bg_pan---*/
.contact_block{ margin-top:25px;}
.contact_bg_pan_transperent{ background:rgba(0,0,0,0.5); padding:25px;}
.contact_bg_pan{ /*background:url(../images/main-background.jpg) center top no-repeat; padding:25px;*/}
.white_pan{ padding:15px; background:rgba(255,255,255,0.8);}
.contact_bg_pan_transperent h3{ color:#d4d4d4; font-size:30px; text-transform:uppercase; font-weight:400; padding-bottom:10px;}
.contact_bg_pan_transperent p{ color:#fff; font-size:20px;}
.contact_bg_pan_transperent p a{ color:#fff;}
.contact_bg_pan_transperent .left_pan{ width:49%; display:inline-block; vertical-align:top;}
.contact_bg_pan_transperent .right_pan{ width:49%; display:inline-block; vertical-align:top; padding-left:25px;}
.contact_bg_pan_transperent .left_pan .bottom_left{ width:40%; display:inline-block; vertical-align:top;}
.contact_bg_pan_transperent .left_pan .bottom_right{ width:49%; display:inline-block; vertical-align:top;}

.contact_bg_pan_transperent .right_pan form input[type="text"]{ padding:20px; border-radius:0px; height:67px; margin-bottom:15px;}
.contact_bg_pan_transperent .right_pan form textarea{ padding:20px; border-radius:0px; height:177px; margin-bottom:15px;}
.contact_bg_pan_transperent .right_pan .bluebtn{ background:#000; border-radius:0px; padding:10px 15px; font-size:24px; text-transform:uppercase; border:none; outline:none;font-family: 'Oswald', sans-serif;}


/*--footer--*/
.footer { margin-bottom:25px;}
.footer .footer_bg{ background:#3f3f3f; padding:25px;}
.footer .footer_bg h3{ color:#b2b2b2; font-weight:400; font-size:30px;}
.footer .footer_bg .left_pan{width:49%; display:inline-block; vertical-align:top;}
.footer .footer_bg .right_pan{width:49%; display:inline-block; vertical-align:top;padding-left:25px; padding-top:15px;}
.footer .footer_bg .left_pan ul{ list-style-type:none;}
.footer .footer_bg .left_pan ul li{ display:inline-block; font-size:18px; padding-right:15px;}
.footer .footer_bg .left_pan ul li a{ color:#fff; text-transform:uppercase;}
.footer .footer_bg .right_pan p{ color:#fff; padding-bottom:0px; margin-bottom:5px;}
.footer .footer_bg .right_pan p a{ color:#fff;}

.leasing .story_sec h3:after { width: 86%;}
.sales .story_sec h3:after { width: 90%;}
.rentals .story_sec h3:after { width: 85%;}
.sitemap .story_sec h3:after { width: 85%;}

.site_map{ margin-left:26px;}
.site_map li a{ color:#000;}

.thankyou .white_pan{ min-height:450px;}
.bx-viewport{ -webkit-perspective: 1000; -webkit-backface-visibility: hidden;}
.slider{ visibility:hidden;}
.navbar-collapse.collapse {
    display: block;
    height: auto;
    padding-bottom: 0;
    overflow: visible;
}
/* ============================= LIGHTBOX GALLERY =======================*/
div.minimal{overflow:hidden}div.minimal .pp_gallery li.default a,div.minimal .pp_next,div.minimal a.pp_previous{background:none}div.minimal .pp_top,div.minimal .pp_top .pp_middle,div.minimal .pp_top .pp_left,div.minimal .pp_top .pp_right,div.minimal .pp_bottom,div.minimal .pp_bottom .pp_left,div.minimal .pp_bottom .pp_middle,div.minimal .pp_bottom .pp_right{height:13px;display:none}div.minimal .pp_content_container .pp_left{padding-left:13px}div.minimal .pp_content_container .pp_right{padding-right:13px}div.minimal .pp_content{background-color:#fff;margin-bottom:-36px}div.minimal .pp_next:hover::after,div.minimal .pp_next:hover::before,div.minimal .pp_previous:hover::before,div.minimal .pp_previous:hover::after{content:" ";background:#000;width:5px;height:15px;display:block;position:absolute;top:45%}div.minimal .pp_next:hover::after,div.minimal .pp_next:hover::before{right:15px}div.minimal .pp_previous:hover::before,div.minimal .pp_previous:hover::after{left:15px}div.minimal .pp_next:hover::after,div.minimal .pp_previous:hover::after{margin-top:8px}div.minimal a.pp_arrow_next,div.minimal a.pp_arrow_previous{height:20px;width:20px;background-color:#000;opacity:.8}div.minimal a.pp_arrow_next::after,div.minimal a.pp_arrow_next::before,div.minimal a.pp_arrow_previous::before,div.minimal a.pp_arrow_previous::after{content:" ";background:#fff;width:2px;height:6px;display:block;position:absolute;top:12px}div.minimal a.pp_arrow_next::after,div.minimal a.pp_arrow_next::before{right:8px}div.minimal a.pp_arrow_previous::before,div.minimal a.pp_arrow_previous::after{left:8px}div.minimal a.pp_arrow_next::after,div.minimal a.pp_arrow_previous::after{margin-top:3px}div.minimal #pp_full_res .pp_inline{color:#000}div.minimal .pp_gallery ul li a{border:1px solid #aaa}div.minimal .pp_gallery ul li a:hover,div.minimal .pp_gallery ul li.selected a{border-color:#fff}div.minimal .pp_next:hover::after,div.minimal .pp_previous:hover::before,div.minimal a.pp_arrow_next::after,div.minimal a.pp_arrow_previous::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}div.minimal .pp_next:hover::before,div.minimal .pp_previous:hover::after,div.minimal a.pp_arrow_next::before,div.minimal a.pp_arrow_previous::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}div.minimal a.pp_arrow_next,div.minimal a.pp_arrow_previous,div.minimal a.pp_close{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}div.minimal a.pp_close{width:20px;height:20px;cursor:pointer;text-decoration:none;font:bold 12px/18px Calibri;background:#333;margin:5px;z-index:20000}div.minimal a.pp_close::after{content:'x';position:absolute;right:-9987px;color:#fff}div.minimal a.pp_expand,div.minimal a.pp_contract{right:60px;height:15px}div.minimal a.pp_expand::after,div.minimal a.pp_contract::after,div.minimal a.pp_expand::before,div.minimal a.pp_contract::before{content:"";position:absolute;top:50%;border-style:solid;border-color:#333}div.minimal a.pp_expand::before,div.minimal a.pp_contract::before{left:0;width:6px;height:0;border-color:transparent #333;margin-top:-6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}div.minimal a.pp_expand::after,div.minimal a.pp_contract::after{left:5px;width:8px;height:8px;margin-top:-8px}div.minimal a.pp_expand::before{border-width:7px 7px 0}div.minimal a.pp_contract::before{border-width:0 7px 7px}div.minimal a.pp_expand::after{border-width:3px 0 0 3px}div.minimal a.pp_contract::after{border-width:0 3px 3px 0}div.minimal .pp_loaderIcon{width:40px;height:40px;background-color:#333;border-radius:100%!important;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out}@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1.0);opacity:0}}@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1.0);transform:scale(1.0);opacity:0}}div.minimal .pp_nav,div.minimal .pp_description,div.minimal .pp_social{display:none!important}div.minimal .pp_details{position:absolute;top:0;margin:0}div.minimal .pp_arrow_next:hover,div.minimal .pp_arrow_previous:hover,div.minimal a.pp_expand:hover,div.minimal a.pp_contract:hover,div.minimal .pp_next:hover,div.minimal .pp_previous:hover,div.minimal a.pp_close:hover{opacity:.8}@media screen and (max-width: 648px){div.pp_pic_holder.minimal{width:100%!important;left:0!important;overflow:hidden}div.minimal .pp_content,div.minimal .pp_fade,div.minimal .pp_hoverContainer{height:100%!important;width:100%!important}div.minimal .pp_content_container .pp_left{padding-left:0!important}div.minimal .pp_content_container .pp_right{padding-right:0!important}div.minimal .pp_expand,div.minimal .pp_contract,div.minimal .pp_gallery,div.minimal.pp_top,div.minimal .pp_bottom,div.minimal .ppt{display:none!important}div.minimal #pp_full_res img{width:100%!important;height:auto!important;max-height:100%}div.minimal .pp_details{width:94%!important;margin-top:-2px!important;padding:10px 4% 10px 3%}div.minimal a.pp_close{right:10px!important;top:10px!important}}

div.minimal a.pp_arrow_next, div.minimal a.pp_arrow_previous, div.minimal a.pp_close {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
div.minimal a.pp_arrow_next, div.minimal a.pp_arrow_previous {
    height: 20px;
    width: 20px;
    background-color: #000;
    opacity: .8;
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
    margin-top: 7px!important;
}
a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;    
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}

.gallery-panel .gallery li{
    list-style: none;
    margin: 0 1px 1px 0;
    max-width: 100%;
    float: left;
    width: 24.83%;
}
.pp_pic_holder .ppt{
    display: none!important;
}
.main .container {
  display: grid;
  padding: 0;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  justify-content: center;
  align-items: center;
}
.main .card {
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
  color: #333333;
  border-radius: 2px;
}
.main .card-image {
  background: #ffffff;
  display: block;
  padding-top: 70%;
  position: relative;
  width: 100%;
}
.main .card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tab-section .view {
    position: absolute;
    top: 0;
    background: rgba(38,38,40,.5);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.tab-section .view .vertical-align-table {
    width: 100%;
    height: 100%;
}
.vertical-align-table {
    display: table;
}
.vertical-align-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.tab-section .view p.description {
    color: #FFF;
    font-size: 17px;
    line-height: 24px;
    display: table;
    width: 100%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.more.simple {
    background: #000;
    border-radius: 0px;
    padding: 10px 15px;
    font-size: 17px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    outline: none;
    margin: 0 auto;
    display: table;
    font-family: 'Oswald', sans-serif;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.tab-section .card:hover .view {
    opacity: 1;
}
.tab-section .card:hover .view p.description {
    margin-bottom: 15px;
}
.gallery-panel .gallery li a img {
    width: 100%;
}
.gallery-panel .gallery li a {
    width: 100%;
    display: block;
}
    
/* ============================= LIGHTBOX GALLERY =======================*/


/* =========================== Tab Section ========================= */
/*Tabs*/
.tab__container {
  background: #fafafa;
  width: 100%;
  margin: auto;
  border-radius: 5px;
  padding: 30px;
}

.tab__title {
    margin: 0;
    margin-bottom: 45px;
    text-align: center;
}
.tab__title .tab__button:first-of-type {
  margin: 0;
}
.tab__title .tab__button {
    padding: 15px;
    color: #545454;
    border: 1px solid #e5e5e5;
    background: #f5f5f5;
    outline: none;
    cursor: pointer;
    width: auto;
}
.tab__title .tab__button img {
  height: 25px;
  display: block;
  margin: 0px auto 5px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.tab__title .tab_button-active {
    background: #3c3c3c;
    color: #ffffff;
}
.tab__title .tab_button-active img {
  filter: none;
}

.tab__inside {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  visibility: hidden;
  opacity: 0;
  height: 0;
  transform: translateY(10px);
  transition: transform 0.3s ease-in;
}
.tab__inside .tab__inside-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.tab__inside .tab__inside-img img {
  height: 150px;
  display: block;
  margin: 0 auto;
}
.tab__inside .tab__inside-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}
.tab__inside .tab__inside-text p {
  color: #545454;
  font-size: 14px;
  font-weight: 100;
}
.tab__inside .tab__inside-text button {
  border-radius: 30px;
  text-transform: uppercase;
  padding: 10px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  border: none;
  cursor: pointer;
  background: #003a79;
  color: #fff;
  transition: all 0.3s ease;
  width: 100px;
}
.tab__inside .tab__inside-text button:hover {
  background: #fff;
  color: #003a79;
}

.tab__inside-active {
    display: table;
    width: 100%;
  visibility: visible;
  opacity: 1;
  height: 100%;
  transform: translateY(0);
  transition: transform 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.1s;
}
.tab-section .card .card-image i.fa.fa-plus{
    position: absolute;
    top: 5px;
    z-index: 9999;
    right: 5px;
    font-weight: 300;
    color: #FFF;
}
/* =========================== Tab Section ========================= */

@media screen and (max-width: 1225px) {
	.banner-sec .bx-wrapper .bx-prev { left: -50px;}
	.banner-sec .bx-wrapper .bx-next { right: -50px;}
	.footer .footer_bg .left_pan {width: 55%;}
	.footer .footer_bg .right_pan { width: 40%;}
	
	.story_sec h3:after { width:calc(100% - 225px);}
	.leasing .story_sec h3:after { width:calc(100% - 195px);}
	.sales .story_sec h3:after { width:calc(100% - 135px);}
	.rentals .story_sec h3:after { width:calc(100% - 185px);}
	.sitemap .story_sec h3:after { width: 85%;}
}


@media screen and (max-width: 1100px) {
	.footer .footer_bg .left_pan ul li {font-size: 16px;}
}


@media screen and (max-width: 1024px) {
	.footer .footer_bg .left_pan ul li {font-size: 16px;}
	.banner-sec .bx-wrapper .bx-prev { left: -22px;}
	.banner-sec .bx-wrapper .bx-next { right: -22px;}
	.contact_bg_pan_transperent .left_pan .bottom_left {width:100%;}
	.contact_bg_pan_transperent .left_pan .bottom_right {width:100%; padding-top:10px;}
	.map_pan iframe{ height:352px;}
	.footer .footer_bg .left_pan ul li { font-size: 14px;}
	.banner-sec { width: 100%; margin: 0px auto;}
	.banner-text h3 { font-size: 48px;}
}

@media screen and (max-width:980px) {
.top-nav .left_sec { width: 36%;}
.top-nav .right_sec { width: 63%;}
.banner-text h3 { font-size: 48px;}
}
@media screen and (max-width:880px) {
	.footer { position: static;}
	#innercontainer {padding-bottom:0px;}
	.topmenu .navbar-toggle .icon-bar { background: #000 none repeat scroll 0 0;}
	.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-bottom: 3px;
    margin-top: 3px;
}
	.topmenu .navbar-toggle, .navbar-default .navbar-toggle:focus{ display:block;}
	.navbar {
    text-align: right;
    display: block;
}
.main_menu li {
    position: relative;
    float: none;
    display: block;
}
.main_menu {
    float: none;
    list-style-type: none;
    background: #3c3c3c;    
    width: 300px;
    text-align: left;
    position: absolute;
right: 0px;   
}
.navbar-collapse.collapse {
    position: absolute;
    right: 2px;
    top: 38px;
    z-index: 999;
    width: 300px;
}
.navbar-collapse.collapsing{
    position: absolute;
    right: 2px;
    top: 38px;
    z-index: 999;
    width: 300px;
}
.navbar-header {
    height: 52px;
}
.navbar-collapse.collapse{ display:none;}
.navbar-collapse.collapse.show{ display:block;}
}

@media screen and (max-width:650px) {
    .phone_sec img {
        width: 150px;
    }
    .top-nav .left_sec {
        width: 50%;
    }
    .top-nav .right_sec{
        width: 48%;
    }
    .three_block_sec .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    	margin-bottom:25px;
    }
    .contact_bg_pan_transperent .left_pan {
        width: 100%;
    }
    .contact_bg_pan_transperent .right_pan {
        width: 100%;
        padding-left: 0px;
        padding-top: 35px;
    }
    .banner-text h3 {
        font-size: 31px;
    }
}
@media only screen and (max-width: 600px) {
    .main .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
}
@media screen and (max-width:480px) {
.banner-sec .bx-wrapper .bx-next {
    right: -10px;
}
.banner-sec .bx-wrapper .bx-prev {
    left: -10px;
}
.story_sec h3 {
    font-size: 33px;
}	
.story_sec h3::after {
    width: calc(100% - 150px);
}
.phone_sec img {
    width: 120px;
}
.top-nav .right_sec {
    width: 38%;
}
.top-nav .left_sec {
    width: 60%;
}
.banner-text h3 {
    font-size: 25px;
}
.story_sec p {
    color: #3a3a3a;
    font-size: 16px;
    line-height: 26px;
}
.block_green .content p {
    font-size: 16px;
    text-align: justify;
    line-height: 1.7;
}
.block_blue .content p{
    font-size: 16px;
    text-align: justify;
    line-height: 1.7;
}
.block_green header h3, .block_blue header h3 {
    font-size: 26px;
}
.top-nav {
    padding: 8px 8px;
}
.footer .footer_bg .left_pan {
    width: 100%;
}
.footer .footer_bg .right_pan {
    width: 100%;
    padding-left: 0px;
}
.contact_bg_pan_transperent .right_pan form input[type="text"] {
    padding: 10px;
    border-radius: 0px;
    height: 46px;
    margin-bottom: 15px;
}
.navbar-collapse.collapse {
    z-index: 99999;
}
.bx-wrapper .bx-controls-direction a{ top:62%;}
.topmenu .navbar-toggle, .navbar-default .navbar-toggle:focus{ padding:4px;}
.navbar-header {
    height: 30px;
}
.sales .story_sec h3::after {
    width: calc(100% - 88px);
}
.leasing .story_sec h3::after {
    width: calc(100% - 116px);
}
.rentals .story_sec h3::after {
    width: calc(100% - 120px);
}
.contact_bg_pan_transperent{ padding:15px;}
}

@media screen and (max-width:360px) {
.phone_sec img {
    width: 100px;
}
.phone_sec a {
    padding-bottom: 0px;
}
.background_pan{padding-bottom: 0px;}
.g-recaptcha iframe{ transform:scale(0.8,0.8);margin-left: -30px;}	
.contact_bg_pan_transperent h3{ font-size:21px;}
.footer .footer_bg h3{ font-size:24px;}
.footer .footer_bg .right_pan p{ font-size:13px;}
.contact_bg_pan_transperent p{ font-size:14px;}
.main_menu{ width:265px;}
.navbar-collapse.collapse{ width:265px;}
.g-recaptcha {
    width: 247px !important;
    overflow: hidden;
}
.block_green .content {
    padding: 15px;
}
.block_blue .content {
    padding: 15px;
}
}