@media only screen and (min-width: 1200px) {
    
    /* BIG Screens */
    
    .slider_item_1{
        width: 80%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 65%;
        margin: auto;
    }
    .slider_item_2 img{
        max-width: 550px; 
        justify-self: center; 
        height: auto; 
    }
    .bigImg{
        width: 40% !important;
    }
    .slider_item_3{
        width: 80%; margin: 10px auto 0;

    }
    
    .single_slide .slide_text h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 1024px) and (max-height:600px) {
    
    /* BIG Screens */
    
    .slider_item_1{
        width: 80%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 65%;
        margin: auto;
    }
    .slider_item_2 img{
        max-width: 300px; 
        justify-self: center; 
        height: auto; 
    }
    .bigImg{
        width: 40% !important;
    }
    .slider_item_3{
        width: 80%; margin: 10px auto 0;

    }
    
    .single_slide .slide_text h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 1024px) and (min-height: 1300px){
    
    /* BIG Screens */
    
    .slider_item_1{
        width: 80%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 65%;
        margin: auto;
    }
    .slider_item_2 img{
        max-width: 900px; 
        justify-self: center; 
        height: auto; 
    }
    .bigImg{
        width: 40% !important;
    }
    .slider_item_3{
        width: 80%; margin: 10px auto 0;

    }
    
    .single_slide .slide_text h2 {
        font-size: 36px
    }
}

@media only screen and (max-width: 992px) {
    
    .slider_item_1{
        width: 80%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 75%; margin: auto;
    }
    .slider_item_2 img{
        max-height: 900px; 
        justify-self: center; 
        width: auto; 
    }
    .bigImg{
        width: 45% !important;
    }

    .slider_item_3{
        width: 80%; margin: 5px auto 0;

    }
    
    .single_slide .slide_text h2 {
        font-size: 36px
    }
    
    
    .single_advisor_slide {
        margin-top: 75px
    }
    .single_latest_news_img_area {
        top: 40px
    }
    .get_a_quote_area > h3 {
        padding-right: 0;
        display: block;
        line-height: 36px
    }
    .get_a_quote_area {
        text-align: center
    }
    .get_a_quote_area > a {
        margin-top: 15px
    }
    .mainmenu ul#nav li a {
        padding: 40px 10px;
    }
}

@media only screen and (max-width: 768px) or (max-height:601px){
    
      .slider_item_1{
        width: 80%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 75%; margin: auto;
    }
    .slider_item_2 img{
        max-height: 500px; 
        justify-self: center; 
        width: auto; 
    }
    .slider_item_3{
        width: 80%; margin: 10px auto 0;

    }
    
    
    .mainmenu ul#nav li a {
        letter-spacing: 1px;
        padding: 40px 4px;
    }
    .single_slide .slide_text h3 {
        font-size: 18px
    }
    .single_slide .slide_text h2 {
        font-size: 36px
    }
    .single_feature {
        margin-bottom: 30px
    }
    .special_feature_area {
        padding: 60px 0 30px 0
    }
    .single_latest_news_img_area {
        top: 40px
    }
    .modal-dialog {
        margin: 120px auto 0;
        width: 600px !important
    }
    .single_advisor_slide {
        margin-top: 30px
    }
    .single_gallery_item_info {
        margin-top: 30px
    }
    .get_a_quote_area > h3 {
        padding-right: 0;
        display: block;
        line-height: 36px
    }
    .get_a_quote_area {
        text-align: center
    }
    .get_a_quote_area > a {
        margin-top: 15px
    }
    .gallery_area .single_gallery_item {
        width: 50%
    }
    .single_latest_news_area {
        margin-bottom: 30px
    }
    .latest_post .single_latest_post {
        padding-bottom: 15px;
        padding-top: 15px
    }
    .about_us_thumb {
        margin-bottom: 30px
    }
    .why_choose_us_image {
        text-align: center;
    }
    .why_choose_us_image.second_area {
        margin-bottom: 30px;
    }
}


@media only screen and (max-width: 480px) {
    
    .slider_item_1{
        width: 60%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 70%; margin: auto;
    }

    .slider_item_3{
        width: 75%; margin: 10px auto 0;

    }
    
    
    .bg-icon span {
        margin-top: -18%
    }
    .our_advisor_area .owl-prev,
    .our_advisor_area .owl-next {
        top: 520px
    }
    .navbar-nav > li > a:after {
        width: 20%
    }
    .modal-dialog {
        width: 450px !important
    }
    .singl-blog-status-bar > span:nth-child(4) {
        float: none
    }
}

@media only screen and (max-width: 321px) {

    .slider_item_1{
        width: 80%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 60%; 
        margin: auto;
        max-width: 300px;
    }

    .slider_item_3{
        width: 80%; margin: 10px auto 0;

    }

    .single_slide .slide_text h3 {
        font-size: 25px;
        padding: 0 15px;
        line-height: 40px
    }
    .single_slide .slide_text h2 {
        font-size: 40px;
        padding: 0 15px;
        line-height: 50px
    }
    .single_slide .slide_text a {
        font-size: 14px;
        padding: 10px;
        width: 150px
    }
    .special_feature_area {
        padding: 60px 0 30px 0
    }
    .about_us_area .section_padding_100 {
        padding-bottom: 0
    }
    .cool_fact_text {
        width: 100%
    }
    .modal-dialog {
        margin: 75px auto;
        width: 300px !important
    }
    .our_speciality_area:before,
    .faq_question_area:before {
        height: 100%;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        -webkit-transform: skewX(0deg) !important;
        transform: skewX(0deg) !important;
        z-index: -4
    }
    .single_advisor_slide {
        margin-top: 0
    }
    .single_advisor_details_info {
        padding: 15px
    }
    .advisor_thumb {
        top: 15px;
        left: 15px;
        position: relative;
        width: calc(100% - 30px);
        z-index: 99;
        margin-bottom: 30px
    }
    .our_advisor_area .owl-prev,
    .our_advisor_area .owl-next {
        top: 350px
    }
    .our_advisor_area .owl-next {
        right: 15px
    }
    .our_advisor_area .owl-prev {
        right: 60px
    }
    .footer_bottom {
        padding: 30px 0
    }
    .message_now_area .contact_from form {
        margin-bottom: 50px
    }
    .map_contact_address_area {
        margin: 0;
    }
    .map_area {
        /* height: 100px; */
        width: 100%;
        
    }
    .map_area iframe {
        display: block;    /* ensure margin works as expected */
        /* margin-bottom: 300px; */
    }
    .pager .previous > a,
    .pager .next > a {
        padding: 5px 0;
        width: 90px;
        font-size: 13px
    }
    .single_service_img {
        position: relative;
        width: 100%;
        z-index: 1;
        text-align: center
    }
    .single_gallery_item_info {
        margin-top: 50px
    }
    .single_latest_news_img_area {
        position: relative;
        width: 100%;
        z-index: 9
    }
    .single_latest_news_text_area {
        padding: 15px
    }
    .call_to > h3 {
        margin-bottom: 30px;
        margin-right: 0
    }
    .testimonial_author_name {
        padding-left: 0
    }
    .get_a_quote_area {
        text-align: center
    }
    .get_a_quote_area > h3 {
        padding-right: 0
    }
    .get_a_quote_area > a {
        margin-top: 15px
    }
    .gallery_area .single_gallery_item {
        width: 100%
    }
    .single_feature {
        margin-bottom: 30px
    }
    .single_latest_news_area {
        margin-bottom: 30px
    }
    .blog_area {
        padding-bottom: 70px
    }
    .basic_contact_area {
        margin-bottom: 50px
    }
    .breadcumb_area {
        height: 200px
    }
    .breadcumb_section {
        height: auto
    }
    .page_title {
        display: none
    }
    #scrollUp {
        display: none !important
    }
    .newsletter_area form button {
        padding: 10px
    }
    .newsletter_text > h4 {
        margin: 0 0 15px 0
    }
    .service_data_dl > a {
        display: block;
        margin: 15px auto;
        padding: 15px;
        width: 100%
    }
    .main_header_area {
        height: 70px
    }
    .welcome_area .welcome_slides .owl-nav .owl-prev,
    .welcome_area .welcome_slides .owl-nav .owl-next {
        height: 30px;
        width: 30px
    }
    .welcome_area .welcome_slides .owl-nav .owl-prev > i,
    .welcome_area .welcome_slides .owl-nav .owl-next > i {
        font-size: 24px;
        line-height: 30px
    }
    .about_us_thumb {
        margin-bottom: 30px
    }
    .faq_area.two {
        margin-top: 20px
    }
    .social_links_area > a {
        font-size: 20px;
        height: 40px;
        line-height: 36px;
        margin: 0 2px;
        width: 40px
    }
    .timeline_text_content > p {
        font-size: 13px
    }
    .timeline_text_content > h3 {
        font-size: 14px
    }
    .single_timeline_block .timeline_text_content {
        width: calc(50% - 40px)
    }
    .single_timeline_block.even-item .timeline_text_content:before {
        left: calc(100% + 39px)
    }
    .single_timeline_block.odd-item .timeline_text_content:before {
        right: calc(100% + 39px)
    }
    .timeline_text_content {
        padding: 10px
    }
    .logo_area {
        padding: 10px 0
    }
    .why_choose_us_image {
        text-align: center;
    }
    .why_choose_us_image.second_area {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 320px) {
    
    /* Small Mobiles */
    
    .slider_item_1{
        width: 60%; margin: 20px auto 0;
    }

    .slider_item_2{
        width: 60%; margin: auto;
    }

    .slider_item_3{
        width: 60%; margin: 10px auto 0;

    }
    
    .single_slide .slide_text h3 {
        font-size: 20px;
        padding: 0 15px;
        line-height: 30px
    }
    .single_slide .slide_text h2 {
        font-size: 30px;
        padding: 0 15px;
        line-height: 45px
    }
}
.grecaptcha-badge{
    visibility: hidden;
}