@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------
1. Mobile
2. iPad
*/

/* 1. Mobile responsive css 767px
-----------------------------------*/
@media (max-width:770px) {

    html, body{min-width: inherit;}
    .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    h1{font-size: 23px;}
    h2{margin-bottom: 15px;}
    p{line-height: 20px;}


    /*----   header   ----*/
    #header_wrapper{width: 100%;}
    #header-bottom{display: none;}
    #header_brand{padding: 5px 10px;width: 230px;top: 0;left: 13px;border: 3px solid #A59283;box-sizing: border-box;border-top-width: 0;z-index: 9991;position: absolute}
    #header_brand img {width: initial; max-width: 100%;display: block;margin: auto;}
    #navbar, #header_wrapper{height: 45px;}

    /* mobile menu */
    .mobile-nav, #menu-trigger{display: block;}
    #menu-trigger{display:block;width: 45px;height: 45px;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 999999;right: 0;top: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;background: rgba(165, 148, 129, 0.90) url(/images/site/rptr_black.jpg);}
    .overflow-hidden #menu-trigger, .overflow-hidden #header_brand{position: fixed;}
    #menu-trigger span{ width: 20px;height: 2px;display: block;position: relative;top: 50%;margin-top: -1px;left: 0;margin: auto;}
    #menu-trigger span, #menu-trigger span:before, #menu-trigger span:after{background: #fff;}
    #menu-trigger span:before, #menu-trigger span:after{content: '';position: absolute;top: -7px;left: 0;width: 100%;height: 2px;webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #menu-trigger span:after{bottom: -7px;top: initial}
    #menu-trigger.open span:before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);top: 0;}
    #menu-trigger.open span{background: rgba(0,0,0,0.0) }
    #menu-trigger.open span:after{transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);bottom: 0;}
    #menu-trigger.open span:after, #menu-trigger.open span:before{background: #A59481;}
    #mobile-navbar{background:rgba(60, 60, 59, 0.94);position: fixed;box-sizing: border-box;overflow-y: auto;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;top:0;width: 100%;height: 100%;left: 0;z-index: 999;transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);}
    #mobile-navbar.open{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
    #mobile-navbar nav{box-shadow:0px 0px 18px 0 rgba(171, 154, 154, 0.81);-webkit-box-shadow:0px 0px 18px 0 rgba(171, 154, 154, 0.81);background:#343434 url(/images/site/rptr_darkgrey.jpg);padding-top: 70px;}
    #mobile-navbar li{border-bottom:1px solid rgba(174, 146, 97, 0.14);list-style: none;position: relative;display: block;margin: 0;}
    #mobile-navbar li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-navbar li em{display: block;position: absolute;top: 12px;right: 12px;width: 15px;height: 15px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-navbar li em:before, #mobile-navbar li em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: 0;width: 100%;height: 2px;background: #fff;}
    #mobile-navbar li em:after{transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg)}
    #mobile-navbar li em.toggled{transform: rotate(225deg);-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);}
    #mobile-navbar li a{color: #fff;padding: 9px  13px;display: block;text-transform: uppercase;line-height: 20px;font-size: 15px;font-weight: 700;letter-spacing: 0.09em;font-family: 'PT Sans', sans-serif;}
    #mobile-navbar li a.active{color:#a59481;}
    #mobile-navbar li a:hover{background: #1B1B1B;color: #fff;}
    .overflow-hidden{overflow: hidden;height: 100%; -webkit-overflow:hidden;}

    /* footer */
    #footer{min-width: initial;padding: 13px;box-sizing: border-box;height: auto;}
    #footer-logo{width: 100%;padding: 10px 0 20px 0;margin: auto;max-width: 150px}
    #footer-logo img{max-width: 100%}
    #footer-callouts{width: 100%;max-width: 826px;height: auto;box-sizing: border-box;border-bottom-width: 0}
    #footer-callouts .left{box-sizing: border-box;}
/*    #footer-callouts .left ul{width: 100%;margin: 0;height: auto;}*/
/*    #footer-callouts .left ul li{width: 50% !important;}*/
    #kw-sites, #footer-nav, #footer-social{height: auto;border: 0;border-top: 1px solid #e1e1e1;}
    #footer-social{width: 100%;padding: 13px;border-width: 0;text-align: center;}
    #footer-nav{width: 100%;padding: 13px;}
    #kw-sites{width: 100%;padding: 13px;}
   /* #footer-nav ul li a{padding: 0 8px 0 0;}*/
    #footer-msg{ width: 100%;max-width: 826px;height: auto;padding: 10px 15px;box-sizing: border-box;margin-top: 12px;}
    #footer-social, #footer-nav, #footer-callouts div.left, #kw-sites{width: 100%;border-width: 0 !important; border-bottom: 2px solid #fff !important;height: auto;padding: 15px 0;}
    #footer .v_center{top: 0;transform: translateY(0);-webkit-transform: translateY(0)}

    /*--------- home page ------------*/
    #banner{width: 100%; height: 230px;background:url('/images/site/mobile_bnr.jpg') no-repeat center center;}
    #banner video{margin-top: 0;display: none;}
    #banner img{width: 70%;}
    #banner #watermark{margin-top: 20%;display: none;}
    #middle{height: auto;}
    #context{width: 100% !important; max-width: 960px;}
    #context h2{ padding-top: 15px;font-size: 22px;line-height: 28px;width: 90%;}
    #context p{margin-bottom: 20px;width: 90%;font-size: 15px;}
    #callout-container{width: 100%;max-width: 963px;height: auto;box-sizing: border-box;padding: 10px;padding-bottom: 25px;text-align: center;}
    .callouts{width: 33.33%;min-width: 200px;display: inline-block;vertical-align: top;height: auto;box-sizing: border-box; padding-bottom: 10px;margin: 0 -2px -1px;float: initial;min-height: auto;}
    .callouts .info{width: 100%;text-align: center;}
    .callouts .info *{width: 100% !important;text-align: center;}
    .callouts a{margin: 10px 10px 5px 10px;display: block;max-height: 160px;overflow: hidden;}
    .callouts img{max-width: 100%;box-sizing: border-box;height: initial;float: initial;display: block;margin: auto;width: 100%;}
    .callouts .info{height: auto;}
    #bottom-middle{height: initial;padding: 10px 0;}
    .callouts .info h4{font-size: 16px;font-family: 'Libre Baskerville', serif;}
    .callouts .info p{font-size: 14px;font-family: 'Libre Baskerville', serif;}
    .callouts .info p.title{ font-style: italic; color:#a59481; }
    #value_search_form input[type="text"] {width: calc(100% - 105px);box-sizing: border-box;padding: 5px;height: 35px;}
    #value_search_form input.submit {width: 100px;box-sizing: border-box;padding: 0;height: 35px;text-align: center;}


    /*--------- about-us page ------------*/
    #wrapper{min-width: initial;min-height: initial}
    .int_content{width: 100%;max-width: 960px;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 20px;padding-bottom: 20px;}
    #main_content{width: 100%;margin: 0;box-sizing: border-box;display: block;float: initial}
    .int_content h1 {margin: 10px 0;}
    #main_content p{margin-bottom: 25px;}
    #secondary_content{display: block;float: initial;width: 100%;}
    #secondary_content img{max-width: 100%}
    #sec_join_inner p{margin: 0;}
    #secondary_content .sc_nav_sm{margin-bottom: 18px;padding-top: 10px;}
    #sec_join_inner .super_button{padding:5px 10px;display: block;margin-top: 5px;}
    #sec_join_alt{width: auto;margin-bottom: 18px;max-width: 270px}
    #sec_join_inner{width: auto;height: auto;padding: 5px 10px 10px;}
    #secondary_content .sc_nav_sm ul li {font-size: 16px;line-height: 26px;}
    #secondary_content .sc_nav_sm ul li a{font-size: 16px;line-height: 26px;}
    #secondary_content .sc_nav_sm h3{font-size: 16px;padding-bottom: 10px;}
    #main_content p{margin-bottom: 13px;}
    #main_content.about_content{margin-top: 25px;}
    #main_content.carrer_page_headign{margin-top: 25px;}

    /*--------- agent page ------------*/
    .int_content.main-heading{padding-bottom: 0;}
    .int_content.main-heading h1{margin-bottom: 0;margin-top: 25px;}
    .center-block{text-align: center;}
    .agent{width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 14px 7px 0 7px;min-width: 270px;display: inline-block;vertical-align: top;float: initial;text-align: left}
    .agent_image{width: 100%;position: relative;box-sizing: border-box;border: 1px solid #c4c0c0;min-height: 150px;    }
    .agent_image img{box-sizing: border-box;display: block;height: auto;border-width: 0;}
    .agent_image .bottom{width: 100%;box-sizing: border-box;left: 0;bottom: 0;}
    .paginate {width: 100%;box-sizing: border-box;float: left;margin-top: 16px;padding: 10px 0 2px 0;}
    .content{width: 100%;max-width: 960px;text-align: left}
    #agent_search{width:100%;box-sizing: border-box;padding-bottom: 0;padding-top: 20px;}
    #agent_search #search_by_name_title, #agent_location_search #agent_location_title{padding: 0 0 6px 0;width: 100%;}
    #agent_search .agent_cat_col{width:calc(100% - 100px);padding: 0 10px 0 0;box-sizing: border-box;}
    #agent_search .agent_cat_col#agents_cats_button_agent{width: 100px;padding: 0;}
    #agent_search input[type="text"]{width: 100%;box-sizing: border-box;height: 30px;}
    #agent_location_search{width: 100%;padding-bottom: 5px;padding-top: 20px;}
    #agent_location_search select{width: 100%;height: 36px;}
    #agent_location_search .agent_cat_col{width: 100%;padding: 0;}
    #agents_cats_button_agent .super_submit{background-size: 100% 100%;    height: 30px;width: 100px;}
    #alpha{text-align: left;}
    #agent_paper_wrapper #agent_mls_listings{margin: 40px auto 10px;}
    #agent_mls_listings .agent_mls_listing{    display: inline-block;width: 33.33%;vertical-align: top;margin-bottom: 30px;box-sizing: border-box;padding: 5px;margin: 0 0 25px 0 ;min-width: 270px}
    #agent_mls_listings .agent_mls_text{margin: 5px;}
    #crumbs{padding-left: 0;}
    .page_heading.int_content{padding: 35px 13px 0 ;}
    .page_heading.int_content h1{margin: 0;}


    /* detail page */
    .paper_wrapper, #agent_paper_wrapper{min-width: initial;padding-right: 13px;padding-left: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #agent_image{width: 300px;box-sizing: border-box;margin: 0;padding-right: 40px;}
    #agent_image img{max-width: 100%;width: 100%;}
    #agent_contact{width: 100%;}
    #agent_bio{width: 100%;}
    #agent_paper_wrapper #agent_details{margin-right: 0 !important; float: none !important;}
    #agent_details p{ width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 10px 10px;min-width: 165px;}

    /*--------- buying-a-home page ------------*/
    #internal_banner_image{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 20px ;margin: 0;}
    #internal_banner_image img{max-width: 100%}
    #cat_landing{box-sizing: border-box;padding-right: 13px;padding-left: 13px;text-align: center;}
    #cat_landing br{display: none;}
    #internal_banner_message{width: 100%}
    #internal_banner_message{width: 100%}
    .call_button{width: 33.33%;box-sizing: border-box;padding: 10px;min-width: 270px;display: inline-block;vertical-align: top;float: initial;margin: 0px -2px -1px}
    .call_button_image{width: 100%;height: 205px;}
    #crumbs{padding-left: 0;margin :10px 0 20px 0;}
    .iframe-wrap{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .iframe-wrap iframe.iPhone{display: block;height: 200px !important}
    .iframe-wrap iframe{display: block;height: 200px !important}
    .value_search_img{max-width: 100%;box-sizing: border-box;}
    .value_search_img img{max-width: 100%;display: block;}

    /* detail page*/
    #full_banner_image{min-width: 100%;background-position: 33% 50%;height: 170px;}
    #full_banner_image_border{min-width: 100%}
    .entry_cover_image{width:100%;margin-top: 20px;}
    .entry_summary{width: 100%}
    .entry_cover_image img{max-width: 100%}
    .entry{padding-bottom: 10px;margin-bottom: 20px;}
    #sc_nav ul li{margin-bottom: 7px;}

    /*--------- news page ------------*/
    #events_content{margin: 0;width:100%;padding: 0;box-sizing: border-box;display: block;float: initial;margin-top: 30px;}
    #events_content .events_row .red_date{margin-left: 0;width: 50px;height: 50px;}
    #events_content .events_row .text{width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 0px;}
    #events_content .events_row{padding: 20px 0;margin: 0;}
    #events_content .events_row .red_date h2{font-size: 13px;}
    #events_content .events_row .red_date h3{font-size: 18px;}
    /*    #events_content .events_row .text .text_news p{margin-top: 0;}*/
    #events_content .calendar_title{width: 100%;}

    /*--------- contact page ------------*/
    #main_content h1{margin: 10px 0;}
    #full_banner_map{min-width: initial;}
    .dform_container .dfinput_left{width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-height: inherit;margin:0 0 15px 0 !important;}
    #main_content form .dfinput_left input{width: 100%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #general_form input[type="email"]{width: 93%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #main_content form textarea{width: 100%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #main_content form label{margin:15px 0 5px 0;}
    .dform_container .dfinput_left.phone_area{width: 30% !important;padding-right: 10px;}
    .dform_container .dfinput_left.phone_number{width: 70% !important;}
    #main_content form .dfinput_left input + label{margin: 5px 0 0 0;}
    #general_form br{display: none;}
    #main_content .location_group .location_office_col, #main_content .location_group #location_col3{float: initial;padding:11px 0 0px 15px;margin: 0;}
    #main_content form .submit_button .dform_container .dfinput_full .submit{text-align: center;padding: 8px 0;}
    #main_content .location_group #location_col2{margin-top: 0;}
    #ac_main_content {width:100%;}


    /* detail page */
    #map{width: 100% !important;height: 300px !important;}

    /* Lender Landing Pages */
    .lender-landing-page #banner h2 {width: 80%; margin: 20px auto; font-size: 20px;}
    .lender-landing-page #banner h3 {width: 80%; margin: 20px auto; font-size: 20px;}

    /*--- added by @vishal4/29/2016 ---*/
    #agent_image #agent_details{min-width: 280px; }
    #agent_image #agent_contact_detail .agent-mail-cont a{word-wrap: break-word; font-size: 13px;}
    #agent_image #agent_contact_detail p{padding: 0; font-size: 14px;}
    #agent_image #agent_contact_detail{padding: 17px 15px}
    #agent_image #agent_contact_detail p{padding: 0}
    #agent_image #agent_contact_detail h3{font-size: 15px;}
    #agent_image #agent_contact_detail h1{font-size: 21px;}
    #agent_image #agent_contact_detail .sidebar_cont{padding: 15px 0}
    #agent_image #agent_contact_detail .agent-mail-cont{margin-bottom: 15px;}
    #agent_image .agent_social{display: block; text-align: left}
    #agent_image{margin: 0 auto; float: none; text-align: center; padding: 0; margin-bottom: 20px;}
    #agent_image #agent_details{text-align: left; max-width: 350px;}
    #agent_mls_listings h2{text-align: left}
    #agent_paper_wrapper #agent_mls_listings{text-align: center; float: none}
    #agent_mls_listings .agent_mls_listing:nth-child(3n + 2),#agent_mls_listings .agent_mls_listing{width:100%; max-width: 308px; margin: 0 auto 20px auto; padding: 0; min-width: 300px; display: table}
    #agent_mls_listings .agent_mls_listing h4 strong{ margin-left:10px; }


    /* News */
    .related-news h2{width: 90%;margin-left:5%;}
    .related-news .cont{width: 90%}
    .related-news .cont > div{margin: 2% 5% 5% 5%}
}


/* 2. iPad responsive css 768px to 1024px
-----------------------------------------*/
@media (min-width:768px) and (max-width:1024px) {

    /* default  */
    html, body{min-width: inherit;}
    .container{width: 100%;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    h1{font-size: 25px;}
    h2{margin-bottom: 15px;}

    /* header */
    #navbar{height: 70px;}
    #header_wrapper{max-width: 969px;width: 100%;height: 70px;}
    #header_brand{ width: 230px;padding: 13px 11px 10px;border-width: 3px;left: 10px;}
    .navigation ul li a{font-size: 13px;}
    .navigation ul li{margin-right: 10px;}
    #header-bottom{left: 290px;top: 13px;width: calc(100% - 290px);}

    /* footer */
    #footer{min-width: initial;padding: 13px;box-sizing: border-box;height: auto;}
    #footer-logo{width: 180px;padding: 15px 0 20px 0;margin: auto;}
    #footer-logo img{max-width: 100%;}
    #footer-callouts{width: 100%;max-width: 826px;height: auto;}
/*    #footer-callouts .left{box-sizing: border-box;}
    #footer-callouts .left ul{width: 100%;margin: 0;height: auto;padding-bottom: 10px;}
    #footer-callouts .left ul li{width: 50% !important;}
    #footer-social{width: 23%;padding: 13px;}
    #footer-nav{width: 42%;padding: 13px;}
    #kw-sites{width: 35%;padding: 13px;}*/
   /* #kw-sites, #footer-nav, #footer-social{min-height:160px;padding-bottom: 0;height: auto;}
    #footer-nav ul li a{padding: 0 8px 0 0;}*/
    #footer-msg{width: 100%;max-width: 826px}

    /*--------- home page ------------*/
    #banner{height: auto;}
    #banner #watermark{margin-top: 20%;}
    #middle{height: 410px;}
    #context{width: 100% !important; max-width: 960px;}
    #context h2{padding-top: 35px;font-size: 28px;line-height: 40px;}
    #context p{margin-bottom: 35px;}
    #callout-container{width: 100%;max-width: 963px;height: auto;box-sizing: border-box;padding: 10px;}
    .callouts{width: 33.33%;height: auto;box-sizing: border-box;min-height: 275px;}
    .callouts a{margin: 15px;margin-bottom: 10px;max-height: 160px;overflow: hidden;}
    .callouts img{max-width: 100%;box-sizing: border-box;width: initial;height: initial;float: initial;display: block;}
    .callouts .info{height: auto;margin-bottom: 10px;}
    #bottom-middle{height: 170px;}

    /*--------- about-us page ------------*/
    #wrapper{min-width: initial}
    .int_content{width: 100%;max-width: 960px;padding-left: 13px;padding-right: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top: 20px;padding-bottom: 20px;}
    #main_content{width: calc(100% - 230px);margin: 0;box-sizing: border-box;padding-right: 50px;}
    .int_content h1 {margin: 25px 0px 0;}
    #main_content p{margin-bottom: 25px;}

    /*--------- agent page ------------*/
    .int_content.main-heading{padding-bottom: 0;}
    .agent{width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 14px 7px 0 7px;}
    .agent_image{width: 100%;position: relative;box-sizing: border-box;border: 1px solid #c4c0c0;min-height: 150px;overflow: hidden;}
    .agent_image img{box-sizing: border-box;display: block;height: auto;max-height: 477px;width: auto;border-width: 0;margin-left: -25px;}
    .agent_image .bottom{width: 100%;box-sizing: border-box;left: 0;bottom: 0;}
    .paginate {width: 100%;box-sizing: border-box;float: left;margin-top: 16px;padding: 10px 0 2px 0;}
    .content{width: 100%;max-width: 960px;}
    #agent_search{width: calc(100% - 242px);box-sizing: border-box;padding-right: 70px;padding-bottom: 20px;padding-top: 20px;}
    #agent_search #search_by_name_title, #agent_location_search #agent_location_title{padding: 0 0 10px 0;width: 100%;}
    #agent_search .agent_cat_col{width: calc(100% - 143px);padding: 0 20px 0 0;box-sizing: border-box;}
    #agent_search .agent_cat_col#agents_cats_button_agent{width: 143px;padding: 0;}
    #agent_search input[type="text"]{width: 100%;box-sizing: border-box;height: 36px;}
    #agent_location_search{width: 242px;padding-bottom: 20px;padding-top: 20px;}
    #agent_location_search select{width: 100%;height: 36px;}
    #agent_location_search .agent_cat_col{width: 100%;padding: 0;}
    #agent_mls_listings .agent_mls_listing{    display: inline-block;width: 33.33%;vertical-align: top;margin-bottom: 30px;box-sizing: border-box;padding: 5px;margin: 0 0 25px 0 ;}
    #agent_mls_listings .agent_mls_text{margin: 5px;}
    .page_heading.int_content{padding: 35px 13px 0 ;}
    .page_heading.int_content h1{margin: 0;}
    #agent_paper_wrapper #agent_mls_listings{margin: 15px auto;  }

    /* detail page */
    .paper_wrapper, #agent_paper_wrapper{min-width: initial;padding-right: 13px;padding-left: 13px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #agent_image{width: 300px;box-sizing: border-box;margin: 0;padding-right: 40px;}
    #agent_image img{max-width: 100%;width: 100%;}
    #agent_contact{width: calc(100% - 300px);}
    #agent_bio{width: 100%;}
    #agent_details p{ width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 10px 10px;min-width: 165px;}

    /*--------- buying-a-home page ------------*/
    #internal_banner_image{width: 260px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 20px 0 30px;margin: 0;}
    #internal_banner_image img{max-width: 100%}
    #cat_landing{box-sizing: border-box;padding-right: 13px;padding-left: 13px;}
    #internal_banner_message{width: calc(100% - 260px)}
    .call_button{width: 33.33%;box-sizing: border-box;padding: 10px;min-width: 240px;display: inline-block;vertical-align: top;float: initial;margin: 0px -2px -1px}
    .call_button_image{width: 100%;height: 210px;}
    #crumbs{padding-left: 0;}
    .iframe-wrap{overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .iframe-wrap iframe{height: 310px !important;}

    /* detail page*/
    #full_banner_image, #full_banner_image_border{min-width: 100%}
    .entry_cover_image{width: 130px;}
    .entry_summary{width: calc(100% - 150px)}
    .entry_cover_image img{max-width: 100%}

    /*--------- news page ------------*/
    #events_content{margin: 0;width: calc(100% - 230px);padding: 0 25px 0 0;box-sizing: border-box;}
    #events_content .events_row .red_date{margin-left: 0;}
    #events_content .events_row .text{width: calc(100% - 55px);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 15px;}
    #events_content .events_row{padding: 15px 0 15px 0;margin: 0;}

    /*--------- contact page ------------*/
    #full_banner_map{min-width: initial;}
    .dform_container .dfinput_left{width: 50% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-height: inherit;padding-right: 15px;margin: 0 !important;}
    .dform_container .dfinput_left+.dfinput_left{padding-left: 15px;padding-right: 0;}
    #main_content form .dfinput_left input{width: 100%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #general_form input[type="email"]{width: 97%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #main_content form textarea{width: 100%;margin: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    #main_content form label{margin:15px 0 5px 0;}
    .dform_container .dfinput_left.phone_area{width: 20% !important;}
    #main_content form .dfinput_left input + label{margin: 5px 0 0 0;}
    #main_content .location_group .location_office_col, #main_content .location_group #location_col3{ /*float: initial;*/padding: 10px 0 0 15px;margin: 0;display: block;}
    #main_content .location_group #location_col2{margin-top: 25px;}


    /* detail page */
    #map{width: 100% !important;height: 300px !important;}

    /*--- added by @vishal4/29/2016 ---*/
    #agent_image #agent_contact_detail .agent-mail-cont a{word-wrap: break-word; font-size: 13px;}
    #agent_image #agent_contact_detail p{padding: 0; font-size: 14px;}
    #agent_image #agent_contact_detail{padding: 17px 15px}
    #agent_image #agent_contact_detail p{padding: 0}
    #agent_image #agent_contact_detail h3{font-size: 15px;}
    #agent_image #agent_contact_detail h1{font-size: 21px;}
    #agent_image #agent_contact_detail .sidebar_cont{padding: 15px 0}
    #agent_image #agent_contact_detail .agent-mail-cont{margin-bottom: 15px;}
    #agent_mls_listings h2{text-align: left}
    #agent_paper_wrapper #agent_mls_listings{text-align: center; float: none}
    #agent_mls_listings .agent_mls_listing:nth-child(3n + 2),#agent_mls_listings .agent_mls_listing{width: calc(33% - 11px); max-width: 308px; margin: 0 5px 20px 5px; padding: 0;}
    #agent_mls_listings .agent_mls_listing h4 strong{ margin-left:10px; }


}

@media screen and  (max-width:840px){
    .lender-landing-page #context {width: 100% !important;}
    .lender-landing-page #context #qualify {margin:auto; float: none; width: 100%;}
    .lender-landing-page #context #qualify h4 {max-width: 100%; margin: 20px auto; text-align: center; float: none;}
    .lender-landing-page #context #qualify h4 .em {float: none;}
    .lender-landing-page #prequalify {float: none;}
    .lender-landing-page #context #learnMore {float: none !important; clear: both !important; width: 100% !important; padding-top: 20px; margin: 20px auto; text-align: center;}
    .lender-landing-page #context #cornerstone {border: none; height: auto;}
    .lender-landing-page #context #cornerstone-inner {border: none; overflow: hidden;}
    .lender-landing-page #context #cornerstone-inner #cornerstone-logo {float: none; margin: auto; width: 100%; text-align: center;}
    .lender-landing-page #context .cornerstone-shadow {display: none;}
    .lender-landing-page #context #cornerstone-description {width: 100%; padding-left: 20px; max-width: 500px;padding-left: 20px; margin: 40px auto 10px;padding-left: 20px; float: none;}
    .lender-landing-page #context #equal-housing-logo {position: relative; top: 5px; right: auto; margin: auto;}
    .lender-landing-page #context #profile {width: 80%; height: auto; margin: auto; max-width: 100%; position: relative; float: none; clear: both;}
    .lender-landing-page #context #profile #profile-info {width: 95%;}
    .lender-landing-page #context #profile #profile-image {float: none; margin: 20px 0px;}
    .lender-landing-page #profile-number {clear: both; margin-bottom: 20px;}
    #sc_agent_details p {color: #000000 !important;}
    #ac_secondary_content {width: 100% !important;}
    #sc_agent {width: 93.7% !important;}
    #sc_agent_wrapper {width: 90% !important;}
    #sc_agent_details {width: 100% !important;}
    #sc_agent_details a {color: #000000 !important;}

}

@media (max-width:680px) {
    #main_content h2 span{display: block;padding-top: 5px;}
    .lender-landing-page #context #profile #profile-image {width:100%;}
    #sc_agent_details p {color: #000000 !important;}
    #ac_secondary_content {width: 100% !important;}
    #sc_agent {width: 92.7% !important;}
    #sc_agent_wrapper {width: 90% !important;}
    #sc_agent_details {width: 100% !important;}

#testimonialFeed #title_header {display:block;width:100%;margin-bottom:25px;height:100px}
#testimonialFeed #title_header h3 {color:#FFF;text-transform:uppercase;font-weight:700;letter-spacing:.05em;display:block;width:100%;display:block;float:none;text-align:left}
#testimonialFeed #title_header .submitTest {font-size: 10px;font-weight: 700;letter-spacing: initial;box-shadow: none;background-color:#A49382;border-color:#A49382;color:#FFF;display:block;text-align:center;float:none}
}

@media (max-width:650px) {
    #sc_agent {width: 92.7% !important;}
}

@media (max-width:600px) {
    #sc_agent {width: 91% !important;}
#agent_testimonials{width:100%}

}

@media (max-width:480px) {
    #new #sms.super_button {display: none;}
    #main_content h2 span{display: block;padding-top: 5px;}
    .lender-landing-page #context #profile #profile-image {width:100%;}
    #sc_agent {width: 87% !important;}
    #sc_agent_details p {color: #000000 !important;}
    #main_content form input[type="file"] {color: #fff;}
}

@media (max-width:360px) {
    #main_content h2 span{display: block;padding-top: 5px;}
    .lender-landing-page #context #profile #profile-image {width:100%;}
    #ac_secondary_content {width: 100% !important;}
    #sc_agent {width: 86% !important;}
    #sc_agent_details p {color: #000000 !important;}

}

@media (max-width:320px) {
    #sc_agent {width: 84% !important;}

}
@media (min-width:768px) {
#banner video{
display:block;
}
#main_content{
float:left;
}
#secondary_content{
float:right;
width: 230px;
margin-top: 25px
}
}






/* changes by jc */

@media (min-width:1024px) and (max-width:1100px) {
  div.agent {min-height: 470px;}
  .agent_image img {margin-left:0 !important;}
}
@media (max-width: 1024px){
    #testimonialFeed #commentScroll{height: auto;max-height: 100%}
    #kwPopup #kwPopupContent{height: auto;max-height: 100%}
    #new a.super_button {width: 97%}
}
@media (max-width: 1024px) and (min-width: 768px){

    #header_wrapper .navigation ul li > a{line-height: 70px}
    #header-bottom{top: 0;}
    #header_wrapper .navigation .dropdown{top: 70px}

    .insight #main_content,
    .join-portfolio #main_content,
    .about-locations #main_content,
    .our-beliefs #main_content{width:auto}

    .location #main_content .location_group #location_col2,
    .location #main_content .location_group #location_col3{margin-bottom: 20px}

    .agent-detail .agent-videos .container{max-width: 100%;width: 95%;padding: 20px 60px;height: 220px}
    .agent-detail .agent-videos .carousel .slick-arrow{left: 20px}
    .agent-detail .agent-videos .carousel .slick-next{right: 20px;left: auto;}

    #testimonialFeed #commentScroll{height: auto !important;}

    #agent_mls_listings .agent_mls_listing:nth-child(3n + 2), #agent_mls_listings .agent_mls_listing {
        width: calc(100%/2 - 11px);
        display: inline-block;
    }

    .location_group #location_col3{pointer-events: none;}

}
@media (max-width: 1024px) and (min-width: 768px){
    #agent_image {
        float:left;
    }
}
@media (max-width: 770px){

    #mobile-navbar li a{font-family: sans-serif !important;}
    #mobile-navbar li a:hover{background-color: transparent !important;font-family: sans-serif !important;}
    #mobile-navbar .mob-drop-bt.on{background-color:rgba(255,255,255,.1) !important;}
    #mobile-navbar li.mob-dropdown{height: 0;overflow: hidden;background-color: #111;}
    #mobile-navbar li.mob-dropdown.on{height: auto;}
    #mobile-navbar li.mob-dropdown a{padding-left: 30px}

    .callouts .info p.title{color: #fff;}

    #agent_image .agent_social{display: none}

    .sticky-social2{float: left;width: 100%}
    .sticky-social2 > div{float: left}

    .iframe-wrap{overflow-x: visible;float: left;width: 100%;}

    .location #main_content .location_group #location_col2,
    .location #main_content .location_group #location_col3{margin-bottom: 20px}

    .agent-detail .agent-videos .container{max-width: 100%;width: 95%;padding: 20px 40px;height: 220px}
    .agent-detail .agent-videos .carousel .slick-arrow{left: 10px}
    .agent-detail .agent-videos .carousel .slick-next{right: 10px;left: auto;}
    .agent{width:100%;}

}