@charset "UTF-8";
/**
 *
 * @author Simon Moore @ 604media | https://dlc.ca
 * @package DLC Classic
*/
html,
body {
    height: 100%;
}

html,
body {
    background: #fff
}

.container.main {
    background: transparent
}

.container-fluid {
    max-width: 1560px;
    width: 100%;
}

.container.header {
    padding-top: 0;
    background: #fff
}

.top-area h1,
.carousel-caption h3 {
    text-transform: uppercase
}

h1,
h2,
h3 {
    font-weight: 200;
    font-family: 'Source Sans Pro', sans-serif;
}

p {
    font-size: 21px;
    text-align: center
}
/************************************************************************************************************************************************************************************************************/









/*
    -----------------------------------------------------------
        HEADER
    -----------------------------------------------------------
*/
.site-header {
    padding: 0;
}


.top-header {
    background: #eee;
    border-top: 5px solid #3b3b3b;
    border-bottom: none;
    width: 100%;
}

.top-header p {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 5px;
}

.logo-modern {
    margin-top: -20px
}

.logo-modern .logo {
    width: auto;
    height: 98px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 30px;
    display: block;
    background-position: left;
}

.main-header {
    overflow: visible
}

.main-header .logo-modern p {
    position: relative;
    margin: 7px 0 10px 0;
    color: #004282;
    bottom: 0;
    font-size: 12px;
    text-align: left;
    width: 160px;
    float: none;
    left: 15px;
}

.main-header p {
    font-size: 10px;
    width: auto;
    float: right;
    margin-top: 10px
}

.main-header a.language {
    background: none;
    position: relative;
    height: auto;
    padding: 0;
    font-weight: 200;
    font-size: 10px;
    top: auto;
    right: auto;
    margin-left: 10px
}

.profile-image {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    background-size: cover;
}

.main-header {
    height: auto;
    min-height: 140px;
    padding-bottom: 0;
    background: transparent;
    margin-top: 10px;
}

.agent-details ul li {
    margin-right: 10px;
    margin-left: 0
}

.agent-details ul li:nth-of-type(3) {
    clear: none
}

.agent-details h2 {
    font-size: 32px;
    font-weight: 200
}

.agent-details h3 {
    font-weight: 200;
    text-transform: uppercase
}

.agent-buttons .agent_office{
    display: none;
}

.introduction,
.blog .introduction,
.archive .introduction,
.single .introduction {
    background: transparent;
    width: 100%;
    position: relative;
    z-index: 5;
    text-align: center;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    height: auto;
    top: 0;
    right: 0
}

.introduction .internal {
    padding: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    margin: 50px 0 0 0;
}

.top-image {
    height: inherit
}

.top-area p {
    color: #fff;
    font-weight: 300;
    font-size: 25px;
    line-height: 1.3;
    padding-bottom: 70px;
}

.top-area h1,
.blog .top-area .introduction h1,
.archive .top-area .introduction h1,
.single .top-area .introduction h1 {
    font-size: 70px;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    margin-top: 15%
}

.top-area p,
.blog .top-area .introduction p,
.archive .top-area .introduction p,
.single .top-area .introduction p {
    font-size: 60px;
    font-weight: bold;
    color: #fff;
}

.top-area h1:after,
.carousel-caption h3:after {
    margin: 10px auto 20px auto
}

.header-menu {
    position: relative;
    z-index: 6
}

.header-menu .menu {
    padding: 0 15px;
    margin: 0;
}

.header-menu .menu li {
    list-style: none
}

.header-menu .widget {
    border: none;
    margin: 0
}

.header-menu .widget ul.sub-menu {
    padding: 0 0 50px 0
}

.header-menu .menu li a {
    padding: 7px;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
    width: 100%;
    display: inline-block;
}

.header-menu .menu li a:hover {
    color: #CCC;
    background: #00264a;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
}

.header-menu .menu li.active > a {
    background: #002951;
    color: #fed46c;
    -webkit-transition: all 0.75s;
    transition: all 0.75s;
}

.header-menu .menu li.menu-item-has-children > a {
    font-size: 14px
}

.main-header .col-xs-6:nth-of-type(1) {
    padding-left: 0
}

.main-header .col-xs-6:last-of-type(1) {
    padding-left: 0
}
/************************************************************************************************************************************************************************************************************/









/*
    -----------------------------------------------------------
        NAVIGATION
    -----------------------------------------------------------
*/

.nav-bar,
.navbar-fixed-top {
    background: #fff;
}

.navbar-fixed-top {
    border-bottom: 1px solid #ececec;
}

.nav-bar {
    float: right;
    clear: right
}

.navbar-nav>li {
    border-right: none;
}

.navbar-nav>li:last-child {
    border: 3px solid #fed46c;
    border-radius: 50px;
    background: transparent;
}

ul#main-menu li:last-child a {
    padding: 10px 15px;
}

ul#main-menu li.active:last-child > a:after, ul#main-menu li:last-child a:hover:after {
    background: transparent;
}

ul#main-menu li a:after {
    background: transparent;
}

ul#main-menu li.active .dropdown-menu>.active>a, ul#main-menu li.active .dropdown-menu>.active>a:hover, ul#main-menu li.active .dropdown-menu>.active>a:focus {
    background-color: #f0f0f0;
    color: #004282 !important;
}

.navbar-header {
    float: right
}

ul#main-menu {
    box-shadow: none;
    border-top: none;
    background: #fff;
    border-bottom: none;
    margin-top: 50px
}

ul#main-menu li a {
    font-weight: 500;
    color: #363636;
    padding-top: 5px;
    padding-bottom: 7px;
}

ul#main-menu li a {
    color: #3b3b3b;
}

ul#main-menu li a {
    background: transparent;
}

ul#main-menu li.active a {
    color: #004282;
    background: transparent;
}

ul#main-menu li.active .dropdown-menu>li a {
    color: #3b3b3b;
    background: transparent;
}

ul#main-menu li.active .dropdown-menu>li a:hover {
    color: #004282;
    background: #f0f0f0;
}

ul#main-menu .dropdown-menu>li:last-child>a {
    color: #3b3b3b !important;
    padding: 10px 20px;
}
ul#main-menu .dropdown-menu>li:last-child>a:hover {
    color: #004282 !important;
}

ul#main-menu li.active > a:after,
ul#main-menu li a:hover:after {
    border-radius: 0;
    width: 25px;
    height: 10px;
    background: #004282;
}

ul#main-menu li > a:after {
    width: 50%;
}

ul#main-menu li:after {
    border-radius: 0;
    height: 50px;
    width: 100%
}

ul#main-menu li a:hover {
    background: transparent;
    color: #004282
}

ul#main-menu li a:focus {
    background: transparent;
    color: #3b3b3b;
}

ul#main-menu li a:after:focus {
    background: transparent;
}

ul#main-menu li.active:after {
    background: #004282
}

ul#main-menu li:after {
    background: #002a52
}

ul#main-menu li:last-child a:hover,
ul#main-menu li:last-child a:focus {
    background: #fed46c;
    border-radius: 50px;
    transition: all 0.6s;
}

ul#main-menu .dropdown-menu li a:hover {
    color: #004282;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0;
}

ul#main-menu .dropdown-menu li:last-child a:focus {
    color: #323232;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus,
.navbar-nav>li>.dropdown-menu {
    background: #fff;
}

#lang_sel {
    float: right;
    margin-top: 0;
    padding-top: 7px;
    clear: both;
    width: 100%;
}

#lang_sel li {
    width: 100%;
}
/************************************************************************************************************************************************************************************************************/










/*
    -----------------------------------------------------------
        SLIDER
    -----------------------------------------------------------
*/

.slider,
.carousel-inner > .item {
    height: 90vh
}

.carousel {
    margin-top: 170px;
    height: 100%;
    min-height: 100%;
    position: relative
}

.carousel-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    z-index: 3
}

.carousel-indicators li {
    border: 1px solid #fff;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-inner .caption-background {
    height: 100%;
    position: relative;
    z-index: 4
}

.caption-background {
    background: transparent;
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    top: 0;
    right: 0;
    float: none;
    border-radius: 0;
    width: 100%
}

.caption-background .carousel-caption {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    background: transparent;
    padding: 0;
    width: 50%;
    margin-left: 25%;
    text-align: center;
    margin-top: 8%
}

.carousel-caption h3 {
    display: none
}

.carousel-caption h3:after {
    display: none
}

.carousel-caption p {
    font-size: 70px;
    font-weight: bold;
    color: #fff
}

a.page-link {
    border-radius: 50px;
    border: solid 3px #fff;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    font-size: 34px;
    padding: 20px 40px;
    margin: 40px auto;
    display: inline-block
}

.carousel-indicators {
    bottom: 10%;
}
/************************************************************************************************************************************************************************************************************/











/*
    -----------------------------------------------------------
        TOP AREA
    -----------------------------------------------------------
*/

.top-area {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh
}

.blog .top-area,
.single .top-area,
.archive .top-area {
    height: auto;
    min-height: auto
}

.blog .top-area h1.page-title,
.archive .top-area h1.page-title {
    padding-bottom: 90px;
    margin-top: 10%
}

.top-area:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: rgba(0, 0, 0, 0.5);
}

.top-header .contact {
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    width: 100%;
}

.top-header .contact ul {
    padding: 0;
}

.top-header .find-url {
    font-size: 13px;
    padding: 3px 10px;
    display: inline-block;
    border: 1px solid #d3d3d3;
    background: #fff;
    margin: 7px auto;
    width: 100%;
    text-align: center;
}

.top-header .find-url .fa-user {
    margin-right: 5px;
}

.top-header .contact li {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    list-style: none;
}

.blog .top-area {}

.scroll-arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px !important;
    z-index: 99;
    width: 100px;
    height: 70px;
    margin: 0 auto;
    text-align: center;
    display: block
}

.scroll-arrow:after {
    background-image: url(../img/scroll-arrow.svg);
    content: '';
    display: block;
    color: #fff;
    opacity: 0.8;
    width: 100px;
    height: 28px;
    vertical-align: middle;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.scroll-arrow:hover:after {
    font-family: 'Montserrat', sans-serif;
    content: 'Scroll Down';
    font-size: 12px;
    background-image: none;
    text-transform: uppercase;
    padding-top: 5px
}
/************************************************************************************************************************************************************************************************************/











/*
    -----------------------------------------------------------
        MAIN AREA
    -----------------------------------------------------------
*/

/*.main {
    margin-top: 40px
}*/

.modern-agent-details {
    padding: 90px 0;
    background: #ebebeb;
    border-bottom: 1px solid #d3d3d3;
    text-align: left;
}

.modern-agent-details h2 {
    font-size: 65px;
    margin: 0;
    padding: 0
}

.modern-agent-details h3 {
    margin: 0;
    padding: 0;
    font-size: 31px
}

.modern-agent-details h3:after {
    width: 60px;
    height: 7px;
    background: #fecc4e;
    display: block;
    content: '';
    margin: 15px 0 30px 0
}

.modern-agent-details p {
    font-size: 21px;
    line-height: 1.6;
    text-align: left
}

.modern-agent-details .profile-thumbnail {
    background-size: cover;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    display: block;
    background-position: top center;
}

.content-area {
    padding: 0;
    border-top: none;
    border-right: none;
    background: #fff
}

.content-area h2 {
    text-align: center;
    font-size: 32px;
    width: 100%;
    clear: both
}

.main-area {
    margin-top: 0;
    position: relative;
    padding-bottom: 70px
}

.curved-top {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 90px;
    margin-top: -90px;
    z-index: 5
}

.curved-top:before {
    width: 2000px;
    height: 750px;
    background: #fff;
    position: absolute;
    content: '';
    left: -425px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%
}

.top-image,
.blog .top-image,
.archive .top-image,
.single .top-image {
    margin-top: 300px;
    margin-bottom: 0;
    padding-bottom: 80px
}

.blog .top-image,
.archive .top-image,
.single .top-image {
    margin-top: 250px;
    margin-bottom: 0;
    padding-bottom: 80px;
    height: 260px
}

.internal-pages .widget-area {
    padding-top: 0;
    width: 100%
}

.top-image .introduction-area {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    width: 70%
}

.top-image h1.page-title {
    color: #fff;
    text-transform: 1px 1px rgba(0, 0, 0, 0.4);
}

.top-image:after {
    background: url(../img/overlay-pattern.png);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.top-image .introduction-area p {
    color: #fff;
    font-style: italic;
    font-weight: 200;
    font-size: 25px;
    margin-top: 30px
}

.main-area p.introduction-sentence {
    color: #fff;
    font-style: italic;
    font-weight: 200;
    font-size: 25px;
    margin-top: 30px
}

.home .main-area {
    margin-top: 0;
}

.widget-area {
    background: #fff;
    padding-top: 1.5%;
    padding-bottom: 100px
}

.widget-area.well-sm {
    padding-left: 0;
    padding-top: 0;
}

.sidebar {
    border: none!important;
    background: transparent;
    padding-top: 60px;
}

.sidebar #nav_menu {
    padding: 0;
}

.well-sm {
    border: none
}

.main-content-box {
    background: #fff;
    padding:  60px 30px 0;
    border: none;
    margin: 0 0 3% 0;
    width: 100%;
    display: inline-block;
}

.well-sm ul.sub-menu li a {
    background: rgba(255, 255, 255, 1);
    border-top: none
}

.well-sm ul li a {
    border-top: none
}

.well-sm ul.sub-menu li a:hover {
    background: rgba(255, 255, 255, 0.7)
}

.sidebar div.widget ul li a {
    background: #fff
}

.sidebar div.widget ul li a {
    border: solid 1px rgba(0, 0, 0, 0.1)!important;
    margin-bottom: 7px;
}

.sidebar div.widget ul li.menu-item-has-children > a {
    font-weight: 200;
    font-size: 25px;
    color: #004282;
    border: none!important
}

.sidebar div.widget ul {
    margin-left: 0
}

.sidebar div.widget ul li.current_page_item.active > a {
    background: #004282
}

.sidebar aside.widget ul li a {
    background: #fff
}

.sidebar aside.widget ul li a {
    border: solid 1px rgba(0, 0, 0, 0.1)!important;
    margin-bottom: 7px;
}

.sidebar aside.widget ul li.menu-item-has-children > a {
    font-weight: 200;
    font-size: 25px;
    color: #004282;
    border: none!important
}

.sidebar aside.widget ul {
    margin-left: 0
}

.sidebar aside.widget ul li.current_page_item.active > a {
    background: #004282
}
/************************************************************************************************************************************************************************************************************/











/*
    -----------------------------------------------------------
        CONTACT FORM
    -----------------------------------------------------------
*/

.contact-form {
    margin-top: -80px!important
}


/* BLOG */

.post-links .fa {
    margin-left: 15px
}

.post-links .fa:nth-of-type(1) {
    margin-left: 0
}

.blog article h1.entry-title a,
.archive article h1.entry-title a,
.single article h1.entry-title a,
.blog article h1.entry-title,
.archive article h1.entry-title,
.single article h1.entry-title {
    font-weight: 200;
    font-size: 38px;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center
}

.header-with-profile {
    height: 200px
}

.blog article .entry-summary,
.archive article .entry-content {
    text-align: center
}

.sidebar div.widget {
    border: none
}

.sidebar div.widget h4.widget-title {
    background: transparent;
    color: #004282;
    border-bottom: none;
    padding: 12px;
    margin: 0;
    font-weight: 200;
    font-size: 25px;
    text-transform: none;
}

.sidebar aside.widget {
    border: none
}

.sidebar aside.widget h1.widget-title {
    background: transparent;
    color: #004282;
    border-bottom: none;
    padding: 12px;
    margin: 0;
    font-weight: 200;
    font-size: 25px;
    text-transform: none;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border: solid 1px #f0f0f0;
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 20px;
    padding: 5px 10px;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border: solid 1px #f0f0f0;
    color: #272727;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    min-width: 20px;
    padding: 5px 10px;
    text-align: center;
}

.wp-pagenavi {
    text-align: center
}

.post-links {
    margin: 30px 0 0 0
}

.post-links p a {
    font-weight: 200
}

.single .post-links p,
.single .post-links p a,
.single .top-area .introduction p {
    color: #fff;
    font-size: 24px;
    font-weight: 600
}

.single-testimonials .top-area {
    min-height: 100vh;
}

.single-testimonials .top-area .introduction p {
    font-size: 60px; 
    font-weight: bold;
}

a.back {
    font-size: 18px;
    text-align: center
}
/************************************************************************************************************************************************************************************************************/





/*
    -----------------------------------------------------------
        RECENT PROJECTS
    -----------------------------------------------------------
*/
.rp-content-box h4 {
    font-size: 24px;
}
/************************************************************************************************************************************************************************************************************/










/*
    -----------------------------------------------------------
        AGENTS
    -----------------------------------------------------------
*/
.agent {
    background: #fff;
    border: 1px solid #ececec;
    padding: 15px 20px 30px; 
    margin: 20px 0;
}

.agent p {
    margin-bottom: 0 !important;
}

.agent p:last-child {
    margin-top: 15px;
}

.agent h4 {
    color: #004282;
    font-size: 25px;
    margin-bottom: 0;
    text-align: left;
}

.agent h5 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: left;
}



.agent-buttons {
    margin-top: 20px;
    border-top: 1px solid #ececec;
}

.agent-buttons .btn-default {
    margin-top: 20px;
}
    
.agent-search input, .agent-search select {
    display: block;
    width: 100%;
    height: 50px;
    margin: 10px 0px 25px;
    padding: 6px 12px;
    font-size: 18px;
    line-height: 1.428571429;
    color: #363631;
    vertical-align: middle;
    background-color: #fff;
    border: 4px solid #fecc4e;
    border-radius: 50px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.agent-search fieldset{
    clear:both;
}

.agent-search input[type=submit] {
    color: #004282;
    font-size: 18px;
    background-color: #fecc4e;
}

.agent-search input[type=submit]:hover {
    background-color: #e8ba47;
    border-color: #e8ba47;
}

.agent p, .agent-search h2 {
    text-align: left;
}

.prev-link, .next-link {
    margin-top: 35px;
}

.next-link {
    float: right;
    padding-right: 0;
}

.prev-link {
    padding-left: 0;
}

.btn-default {
    display: block;
    color: #004282;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(255,255,255,0.4);
    font-size: 18px;
    padding: 10px 20px;
    border: 4px solid #fecc4e;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    background: #fecc4e;
}

.btn-default:hover {
    background-color: #e8ba47;
    border-color: #e8ba47;
}
/************************************************************************************************************************************************************************************************************/









/*
    -----------------------------------------------------------
        FOOTER
    -----------------------------------------------------------
*/
footer {
    background: #3b3b3b;
    /*margin-top: -70px*/
}

footer p,
.btm-footer p {
    text-align: left
}

.btm-footer p {
    text-align: center
}

.footer {
    background: transparent;
    margin-top: 0
}

footer .curved-top {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 90px;
    margin-top: -90px;
    z-index: 4
}

footer .curved-top:before {
    width: 2000px;
    height: 750px;
    background: #363636;
    position: absolute;
    content: '';
}

.footer footer,
.footer .top-footer {
    background: transparent
}

.top-footer ul li a {
    color: #fff;
    font-weight: 200
}

.top-footer ul li a:after {
    background: #fecc4e;
    height: 1px
}

.top-footer ul.social {
    margin-top: 40px;
    float: right;
}

.top-footer ul.social li a:after {
    display: none
}

.top-footer ul.social li {
    float: left;
}

.top-footer ul.social li a {
    color: #fff;
    font-size: 32px;
    float: left;
    margin-right: 15px
}

footer .address h2 {
    font-weight: 200;
    font-family: 'Source Sans Pro', sans-serif;
    margin-bottom: 5px;
}

footer .address h2:after {
    width: 50px;
    height: 1px;
    background: #fed46c;
    content: '';
    display: block;
    margin: 5px 0 10px 0;
}

footer .address p.name {
    color: #fecc4e
}

footer .address p {
    color: #fff;
    font-size: 14px;
    text-align: left
}

.btm-footer {
    background: #323232;
}

footer .profile-thumbnail {
    width:120px; 
    height:120px; 
    background-size:cover; 
    background-position: top center; 
    border-radius: 50%; 
    display:block; 
    float:left; 
    margin-bottom: 15px; 
    margin-right:15px
}

footer .agent-details {
    float: left;
    text-align: left;
    font-size: 18px;
    width: 335px;
}

footer .agent-details h2,
footer .agent-details p,
footer .agent-details a,
footer .agent-details b {
    color: #fff
}

footer .agent-details p.name {
    margin: 0;
    padding: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 21px
}

footer .agent-details p.title {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 16px
}

footer .agent-details p {
    font-size: 18px;
    margin-bottom: 0
}

footer .contact-detail {
    margin-right: 6px
}

footer .contact-detail:nth-of-type(3) {
    margin-right: 0;
    clear: both;
    display: block
}
/************************************************************************************************************************************************************************************************************/











/*
    -----------------------------------------------------------
        RESPONSIVE
    -----------------------------------------------------------
*/
/************************************************************************************************************************************************************************************************************/
@media (max-width: 1320px) {
    .caption-background .carousel-caption {
        width: 75%;
        margin-left: 12.5%
    }
    
}

@media (min-width: 1200px) {
    .agent-profile-image {
        width: 100%
    }
}
    
@media (max-width: 1190px) {
    .curved-top:before {
        left: -525px;
    }

    ul#main-menu li a {
        font-size: 11px
    }

    .top-area h1,
    .blog .top-area .introduction h1,
    .archive .top-area .introduction h1,
    .single .top-area .introduction h1 {
        font-size: 55px
    }

    .top-area p,
    .blog .top-area .introduction p,
    .archive .top-area .introduction p,
    .single .top-area .introduction p {
        font-weight: 400;
        font-size: 32px
    }
    
    .btn-default {
        font-size: 14px;
    }
}
/***********************************************************************************************************/
    
    
    
    
@media (max-width: 1024px) {
    .modern-agent-details h2 {
        font-size: 45px;
    }
    
    .modern-agent-details h3 {
        font-size: 24px;
    }
    
    footer .agent-details {
        width: 230px
    }

    footer .contact-detail {
        clear: both;
        float: left
    }

    footer .agent-details p.title {
        margin-bottom: 10px
    }

    footer .address h2 {
        margin-top: 20px
    }

    .nav>li>a {
        padding: 8px 8px
    }
}
/***********************************************************************************************************/
    
    

    
@media (max-width: 991px){
    ul#main-menu {
        margin-top: 40px;
    }
    
    .top-header .contact {
        margin: 15px auto 5px;
    }
    
    .top-header p {
        text-align: center;
    }
    
    #lang_sel {
        margin: 0px auto 30px
    }

    .main-header {
        height: auto;
        padding-bottom: 0
    }

    .header-logo {
        padding-left: 15px;
    }

    .logo-area .logo {
        left: 0;
        top: 0;
        width: auto;
        height: 99px;
    }
    
    .top-header .contact ul {
        margin: 0 auto;
        display: table;
    }

    .agent-details {
        width: 260px;
    }

    .agent-profile {
        margin-top: 0;
    }

    .curved-top:before {
        left: -635px;
    }

    .top-image,
    .blog .top-image,
    .archive .top-image,
    .single .top-image {
        margin-top: 274px
    }

    .logo-modern .logo {
        background-position: center left
    }

    ul#main-menu li a {
        font-size: 11px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    ul#main-menu li a {
        font-size: 9px
    }
    
    #lang_sel, #lang_sel li {
    width: 100%;
}

    .caption-background .carousel-caption p {
        font-size: 54px;
    }

    .introduction {
        right: 0;
        margin: 0;
        padding: 0;
    }

    footer .agent-details {
        width: 180px;
    }
    
}
/***********************************************************************************************************/
    
@media only screen and (max-width: 990px) and (min-width: 770px)  {
    .agent-profile-image {
        width: 100%
    }
}
    
    
@media (max-width: 768px){
    .curved-top:before {
        left: -635px;
    }

    .top-header a.language {
        padding-right: 0
    }
    
    .top-header .contact ul {
        padding-top: 10px;
    }
    
    .top-header .find-url {
        margin: 15px auto;
        padding: 10px;
    }
    
    #lang_sel {
        margin: 0px auto 30px
    }
    
    #lang_sel a {
        padding: 7px;
    }
    
    .top-header p {
        text-align: center;
        font-size: 14px;
    }

    .navbar-header {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: none
    }

    .logo-area {
        margin-left: 25px
    }

    .agent-details {
        width: 100%;
        float: left;
        clear: both
    }

    .agent-details h2 {
        margin-top: 45px
    }

    .agent-details h2,
    .agent-details h3 {
        width: 40%;
        float: left;
        clear: both;
        text-align: left
    }

    .contact-details {
        width: 60%;
        float: right;
        margin-top: -50px;
    }

    .top-image {
        min-height: 260px
    }

    .navbar-header {
        background: transparent;
        border-top: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        clear: both;
    }

    .navbar-toggle .icon-bar {
        background: #004282
    }

    .top-image,
    .blog .top-image,
    .archive .top-image,
    .single .top-image {
        margin-top: 324px
    }

    .navbar-fixed-top {
        background: #fff
    }

    .widget-area {
        padding-left: 0
    }

    .main-content-box {
        margin: 0 5% 3% 5%;
        width: 90%;
        text-align: center
    }

    .nav-bar,
    .navbar-collapse {
        width: 100%
    }

    .navbar-toggle {
        margin-top: -32px;
        margin-right: 0
    }
    
    .navbar-nav>li:last-child {
        border: 0;
    }
    
    ul#main-menu li:last-child a:hover,
    ul#main-menu li:last-child a:focus {
        background: #fff;
        border-radius: 0;
    }
    
    .navbar-nav>li:last-child:hover {
        background: transparent !important;
    }
    
    ul#main-menu li a {
        padding: 10px 5px;
    }
    
    ul#main-menu li a {
        font-size: 8px;
    }

    a.page-link {
        font-size: 23px;
        padding: 14px 30px
    }

    .top-area {
        min-height: 75vh !important
    }
    
    ul#main-menu li .dropdown-menu li:last-child a, ul#main-menu li:last-child a {
        color: #323232;
    }
    
    ul#main-menu li .dropdown-menu li:last-child a:hover {
        background-color: #f0f0f0;
        border-radius: 0;
    }
    
    ul#main-menu li:last-child a:hover {
        color: #004282;
    }
    
    ul#main-menu li.active:last-child > a:after, ul#main-menu li:last-child a:hover:after {
        background: #004282;
    }
    
    .navbar-nav li {
        border-bottom: 0;
    }
    
    .navbar-nav>li:last-child:hover {
        background: none;
        border-radius: 0;
    }
}
/***********************************************************************************************************/
    





@media (max-width: 767px){
    ul#main-menu {
        margin-top: 0;
        margin-bottom: 10px;
    }   
    
    ul#main-menu li a {
        font-size: 16px;
        padding: 10px;
        text-align: center;
    }
    
    ul#main-menu li:last-child a {
        border: none;
    }
    
    ul#main-menu li:last-child a:hover, ul#main-menu li:last-child a:focus {
        border-radius: 0;
    }
    
    .logo-modern .logo {
        margin-top: 0px;
    }
    
    .top-area {
        margin-top: 60px;
    }
    
    .logo-modern {
        margin-top: 0;
    }
    
    .top-footer ul.social {
        float: left;
    }
    
}
/***********************************************************************************************************/

    


    
    
@media (max-width: 600px){
    .top-image,
    .blog .top-image,
    .archive .top-image,
    .single .top-image {
        margin-top: 0;
    }

    .modern-agent-details h2 {
        font-size: 49px
    }

    .modern-agent-details h3 {
        font-size: 24px
    }

    .modern-agent-details p {
        font-size: 18px
    }

    .logo-modern {
        margin-top: 0
    }

    .modern-agent-details .profile-thumbnail{
        width:85px; 
        height:85px;
    }

    .top-area h1,
    .blog .top-area .introduction h1,
    .archive .top-area .introduction h1,
    .single .top-area .introduction h1 {
        font-size: 42px;
    }

    .top-area p,
    .blog .top-area .introduction p,
    .archive .top-area .introduction p,
    .single .top-area .introduction p {
        font-weight: 300;
        font-size: 26px
    }
    
    .agent p {
        font-size: 16px;
    }
    
    .top-footer ul.social {
        float: left;
    }
}
/***********************************************************************************************************/
    
    
    
    
@media (max-width: 595px) {
    .carousel {
        margin-top: 0;
    }

    .caption-background .carousel-caption p {
        font-size: 40px;
    }

    .logo-modern .logo,
    .main-header p {
        margin-top: 0
    }

    .top-area {
        margin-top: 0
    }

    .main {
        margin-top: 0;
    }
    
    .top-header .contact li {
        width: 100%;
        text-align: center;
    }
    
    .agent-profile-image {
        display: none;
        visibility: hidden;
    }
    
    .agent .col-xs-9 {
        width: 100%;
    }
}
/***********************************************************************************************************/
    
    
    
    
@media (max-width: 520px){
    .agent-details h2,
    .agent-details h3,
    .contact-details {
        width: 100%;
    }

    .contact-details {
        margin-top: 0;
        padding-left: 0;
        margin-left: 0;
        text-align: left
    }

    .agent-details ul li {
        float: left;
        margin-left: 0;
        margin-right: 5px
    }

    .agent-details .social {
        float: left;
        padding-left: 0
    }

    .main-header p {
        font-size: 8px
    }
    
    footer .col-xs-6 {
        width: 100%;
    }
    
}
/***********************************************************************************************************/
    
    
    
    
@media (max-width: 420px){
    .logo-area .logo {
        height: 72px
    }

    .modern-agent-details h2 {
        font-size: 32px;
    }
    
    .modern-agent-details h3 {
        font-size: 17px;
    }
    
    .top-area p {
        font-size: 16px;
    }
}

@media (max-width: 380px){
    .logo-area .logo {
        height: 69px
    }
    
    .agent-details h2 {
        margin-top: 30px
    }
    
    .logo-area p {
        font-size: 9px
    }
}
/***********************************************************************************************************/
    
    
    
@media screen and (min-device-width: 900px) and (max-device-width: 1440px){
    .caption-background .carousel-caption {
        margin-top: 2%
    }

    .carousel-caption p {
        font-size: 60px
    }
}