@charset "utf-8";

/*--------------media query css------------------*/	
/*------------tablet landscape view------*/
@media (max-width:1800px)
{
    .banner.fullheight .video-area-home video{height: 100%;}
    .banner.fullheight .line-section{margin: 50px auto 0;}
    .banner.fullheight .line-section.second-line{margin: 0 auto 50px;}
}
@media (max-width:1500px) {
.planning-row .table-cell { padding: 79px 10% 80px }
.banner-caption p { padding: 0 30%; }
    .navbar-nav>li {
    padding: 0 20px 0 5px;
}
/*.sticky-menu{padding: 5px 5px 0 7px;}*/
}

@media (max-width:1280px) {
    .navbar-default .navbar-nav>li>a {font-size: 1.8rem;}
    .header-btn {font-size: 1.8rem;}
    .stickey-header.header .header-btn { margin: 6px 0 0 0;}
    .sticky-menu .hamburger_menu { margin-top: 4px;}
    .dropdown.column-count .small-container { max-width: 907px; }
    header .container .row { margin: 0; }
    .desktop-header .header-main .row { justify-content: center; }
    .col-sm-2.logo { width: auto; }
    .phone-icon { padding-left: 20px; }
}
@media (max-width:1240px) {

}
    
@media (max-width:1199px) {
.dropdown a { font-size: 1.4rem; }
.planning-row .table-cell { padding: 50px 20px; }
.about-txt { background-size: 140%; }
.footer .container { padding: 0 15px; }
.social-icon li:nth-child(2) { margin: 0 0 0 0px; }
.navbar-nav>li { padding: 0 23px 0 0; }
.navbar.navbar-default .navbar-nav > li .down-arrow:after, .navbar.navbar-default .navbar-nav > li:hover .down-arrow:after { right: 3px; border-width: 0.25em; }
.navbar.navbar-default .navbar-nav > li .down-arrow:after { top: 0; }
.navbar.navbar-default .navbar-nav > li:hover .down-arrow:after { top: -3px; }
.navbar-default .navbar-nav>li>a { font-size: 1.6rem; }
.col-md-2.logo { padding: 0 0 0 15px; }
.right-social.col-md-1 { padding: 0 15px 0 0; }
.banner-caption p { padding: 0 20%; }
    .header-btn {font-size: 1.6rem;}
    .phone-icon a { font-size: 1.6rem; }
    .phone-icon .fa-phone { margin-right: 5px; }
    .phone-icon .fa-phone { width: 36px;height: 36px; font-size: 2.4rem; }
    .stickey-header.header .col-sm-2.logo { width: 16.66666667%; }
    .dropdown.column-count .small-container { max-width: 777px; }
    .navbar-default .navbar-nav>li>a.active:hover:before { bottom: -47px; height: 52px; }
    
}
@media (max-width:1024px){
    .dropdown.column-count .small-container { max-width: calc(100% - 215px); }
    .menu-list{margin: 0;}
    .navbar.navbar-default .navbar-nav > li > ul{padding: 19px 0 19px 0;}
    .sticky-menu{    padding: 5px 15px 0 7px;}
    .col-sm-2.logo { padding: 0 15px 0 0; }
    .stickey-header.header .col-sm-2.logo { padding-top: 8px; }
    .mid-menu{
    margin: 78px 0 0 0;
    display: block;
    position: relative;
    height: calc(100% - 78px);
    height: -o-calc(100% - 78px);
    height: -ms-calc(100% - 78px);
    height: -moz-calc(100% - 78px);
    height: -webkit-calc(100% - 78px);
}
    .video-area-home video
    {
        height: 100%;
    }
.inner-div{
    position: absolute;
    width: 100%;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
    
}

@media (max-width:991px) {
.planning-row { height: 520px; }
.our-team h2 { margin: 0 0 37px; }
address .location { font-size: 1.5rem; }
.footer .col-md-12.footer-notes { margin: 30px 0 0 0; }
.navbar-nav>li { padding: 0 13px 0 0; }
.navbar-default .navbar-nav>li>a { font-size: 1.3rem; }
.phone-icon a { font-size: 1.3rem; }
    .navbar.navbar-default .navbar-nav > li .down-arrow { right: -10px; }
.phone-icon { padding-left: 15px; }
.phone-icon .fa-phone { font-size: 2.0rem; height: 30px; width: 30px; line-height: 32px; }
.right-social.col-md-1 { width: 13%; }
.social-icon li:nth-child(2) { margin: 0 0 0 5px; }
.dropdown li { padding: 10px 5px; }
.dropdown a { font-size: 1.1rem; }
.navbar.navbar-default .navbar-nav > li > ul { top: 88px; }
.stickey-header.header .social-icon li:nth-child(2) { margin: 0 0 0 30px; }
.col-sm-2.logo { padding: 0 15px 0 0; width: 115px; }
    .stickey-header.header .col-sm-2.logo { padding-top: 8px;}
    .header-btn { font-size: 1.1rem;}
    .right-social .link-btn { margin-left: auto; padding: 0 5px;}
    .green-circle {height: 205px !important; width: 205px !important; padding: 40px 20px!important;}
    .teammember {height: 220px !important; width: 220px !important; margin: 0 auto 15px;}
    .upper-icon .green-circle{height: 82px !important; width: 82px !important;}
    .teaminfo { padding: 10px; }
    .team { width: auto; }
    .dropdown.column-count .small-container {max-width: calc(100% - 135px); }
    .brokercheck { margin: 11px 0 0px;}
}

@media screen and (max-width: 767px) {
    .mid-menu {
    margin: 48px 0 0 0;
    display: block;
    position: relative;
    height: calc(100% - 48px);
    height: -o-calc(100% - 48px);
    height: -ms-calc(100% - 48px);
    height: -moz-calc(100% - 48px);
    height: -webkit-calc(100% - 48px);
}
    .table-cell{display: block;}
.planning-row .text-center, .planning-row .side-image { width: 100%; }
.planning-row .side-image img { display: block; }
.planning-row .side-image { height: auto; background-image: none!important; }
.planning-row .table-cell { padding: 30px 15px; display: block; }
.table-dislpay { display: block; }
.planning-row { height: auto!important; }
.planning-row h2 { font-size: 2.5rem; margin: 0 0 40px 0; }
.planning-row.right-img-section h2:after, .planning-row.left-img-section h2:after { bottom: -19px; width: 100px; }
.planning-row p { font-size: 1.5rem; line-height: 22px; }
    .list li{ font-size: 1.5rem !important; line-height: 22px; }
.planning-row p:last-child { padding: 0; }
.flex-footer { margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; width: 100%; }
.order1, .order2, .order3, .order4, .order5, .order6 { width: 100%; margin: 0 auto 20px; text-align: center; }
.order1 { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }
.order2 { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
.order3 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 3; -webkit-order: 3; order: 3; }
.order4 { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -ms-flex-order: 4; -webkit-order: 4; order: 4; }
.order5 { -webkit-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -ms-flex-order: 5; -webkit-order: 5; order: 5; }
.order2 ul { margin: 0; }
address { margin-bottom: 0px;width: 100%;
    order: 2; }
.footer .col-md-12.footer-notes { margin: 0; padding: 0 25px; }
.brokercheck { margin: 0 0 10px; }
h2:after { width: 100px; }
h2 { font-size: 3.0rem; }
body p { font-size: 1.5rem; line-height: 22px; }
.about-txt { background-size: cover; }
.about-txt h2 br { display: block; }
.about-txt { padding: 30px 0 30px; }
.about-txt h2 { font-size: 3.0rem; }
.about-txt p { font-size: 1.5rem; line-height: 22px; }
.about-txt .read { padding: 0 0 0 0; }
.our-team p { margin: 0 0 30px 0; }
.footer { padding: 30px 0 20px 0; }
.scroll_to_top { display: inline-block; }
.header.desktop-header { display: none; }
.menu-lists .sticky-menu-links { width: 100%; float: none; }
.stickey-header.header { padding: 10px 0; }
.stickey-header.header .social-icon li:nth-child(2) { margin: 0 0 0 30px; }
.stickey-header.header .right-social { display: none; }
.stickey-header.header .logo a { margin: 3px 0 0 0;display: block; }
.stickey-header.header .logo a img{width: 100%;}
.stickey-header.header .col-sm-2.logo { padding-top: 0; width: 120px; }
.stickey-header.header .logo { position: absolute; left: 0; right: 0; margin: 0 auto; display: inline-block; width: 120px; text-align: center; }
.head-title h1 strong::first-letter { font-size: 4.0rem; }
h1 { font-size: 3.0rem; line-height: 1.2; }
.sticky-menu { margin: 3px 15px 0 7px; padding: 0; }
.stickey-header.header .device_contact { display: block;
    margin: 1px 0 0 15px;
    position: absolute; }
.headershow { display: none; }
.fullmenu-bttm-link a span, .fullmenu-bttm-link ul li:after { display: none; }
.fullmenu-bttm-link a span br { display: block; }
.fullmenu-bttm-link ul li { display: block; margin: 6px 0 0 0; }
.banner { margin: 55px 0 0 0; }
.line-section { margin: 10px 0 0 0; display: none;}
    .banner-caption{ padding: 15px 0;}
.second-list ul, .third-list ul { display: none; }
.sticky-menu-links .arrows { display: inline-block; }
.bottom-fullmanulink { margin: 30px 0 0 0; }
.banner .banner-image { background-image: url(../images/cwa_bgvid_hd.gif); background-repeat: no-repeat; background-position: center top; background-size: cover; display: block; }
.banner video { display: none; }
.header { background: #0c3b34; }
.col-sm-2.logo { padding: 0; }
.scroll_to_top { display: none; }
.scroll_to_top.show { display: block!important; position: absolute; }
.scroll_to_top.show.fixed { position: fixed; }
    .fullmenu-bttm-link a br{display: block;}
    .fullmenu-bttm-link ul {margin: 0 0 0 0;}
    
    .footer-btn { order: 1; width: 100%; margin-bottom: 18px;}
    footer .address { display: flex; flex-wrap: wrap; justify-content: center;}
    .footer-link { margin-bottom: 7px;}
    .sticky-menu .hamburger_menu { margin-top: 0;}
    .sticky-menu-links ul li.mobile-li, .fullmenu-bttm-link ul li.mobile-li {display: block;}
    a.link-btn.header-btn { color: #0c3b34; font-size: 2.0rem; margin-top: 32px; display: none; }
    
    a.link-btn.header-btn:hover, a.link-btn.header-btn:focus {color: #fff; background: #228e92;}
    a.link-btn.header-btn strong {color: #0c3b34;}
    a.link-btn.header-btn:hover strong, a.link-btn.header-btn:focus strong{color: #fff; }
    .about-txt .row { justify-content: center; }
    .green-circle { text-align: center; }
    .green-circle { padding: 45px 15px!important; }
    .upper-icon .green-circle { padding: inherit !important; }
    
    .inner-blog { padding-top: 90px; }
    .resources-blog { margin-top: 58px; }
    .resources-blog .small-width { padding: 30px 0 20px; }
    .resources-blog .container { padding: 0; }
    .resources-blog .container .read-more-container { padding: 0 30px; }
    .blog-post-list { padding-bottom: 35px; }
    #view_btn { padding: 0 0 35px; }
    .blog-post-list .blog--block { width: 100%; padding: 15px 30px; }
    .blog-post-list .blog--block:first-child {padding-top: 0;}
    .blog-post-list .blog--block:last-child {padding-bottom: 0;}
    .blog-post-list .blog--block:nth-child(odd) .blog-block { background: rgba(34,142,146,.6);}
    .blog-post-list .blog--block:nth-child(even) .blog-block {background:rgba(34,142,146,0.2);}
    .post-block ul, .post-block ol { text-align: left; }
    .blog-post-list .blog-block {padding: 30px;}
    .entry-content-sub-block { width: 100%; padding: 0;}
    .entry-content-block {margin: 0;}
    .blog-post-list .blog--block .blog-block .blog-content h2 { margin-top: 0; margin-bottom: 15px; }
    .ftr-top #market h2, .ftr-top #newsletters h2{  margin-top: 0; }
    .blog-block .link-btn { margin-top: 25px;}
    
    .brokercheck { margin: 11px 0 30px;}
    
}

@media (max-width:640px) {
	form ul li label::before, form ul li input[required]:focus + label::before, form ul li textarea[required]:focus + label::before { font-size: 1.3rem!important; top: -50px; left: -1px; }
	.welcome-content a {
    color: #228e92;
    font-size: 16px;
}
.welcome-content .ellipse {
    height: 300px;
    width: 300px;
    text-align: center;
    display: block;
    text-decoration: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit--webkit-perspective: 1000px;
    margin: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: relative;
    overflow: hidden;
    margin-top: 55px;
}
.contact-form-popup { display: none; }
.about-txt h2 { font-size: 2.8rem; }
.table-cell { padding: 0; }
.table { display: block; }
.banner2 {
    width: 100%;
    position: relative;
    height: 300px!important;
}

.upper-icon2 {
    display:none;
}
.banner-caption2 {
   
    padding-top: 22%!important;
}
}
.sup { vertical-align: super; font-size:50%; }

@media (max-width:480px) {
	.sup { vertical-align: super; font-size:75%; }
	.phone .col {
    width: 31.6%;
    display: inline-block;
}

}

@media (max-width:320px) {
}
 @media(max-height:580px)
 {
     .mid-menu
        {
                overflow-y: auto;
        }
}
 @media(max-height:500px)
    {
        .mid-menu
        {
                overflow-y: auto;
        }
        .inner-div
        {
                
    top: 50px;
    transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
        }
        .bottom-fullmanulink {
    margin: 30px 0 50px 0;
}


        
    }



