@media only screen and (max-width:1336px) {
    .our-services.blog a.left.carousel-control { left: 0; }
    .our-services.blog a.right.carousel-control { right: 0; }

}
@media only screen and (max-width:1299px) {
    .about-container .right_see { width: 30%;}
    .about-container .right_see img { margin: -30px 0 0 30px; }
}
@media only screen and (max-width:1280px) {
    .top-bg .container, header .container {    width: 98%; }
    .white-container ul {  margin: 20px 0 0;}
    .white-container ul li.box { margin:60px 10px 20px 0; }
    .row { margin: 0; }
    .footer-menu li {    padding: 4px 10px;}
    .copyright, .copyright a { padding: 14px 0 0; min-height: 70px; }
    .slide-text { width: 100%; top: 10%; }
    .logo { margin-left: 0; }
    .about-container .right_see { float: left; }
    .about-container.white_box { padding: 60px 0px; }
    .cent_box { margin-top: -160px; }
    .top-bg .left_nav { margin-right: 0; }
    .about-container .left_see {padding: 0 15px; }
    .footer-1 .row {margin: 60px 0px 20px;}
    .our-office {padding: 30px 0 16px;}
    footer .footer-about { margin-right: 0; }
    .footer-1 .row .col-md-3:nth-child(2), .footer-1 .row .col-md-3:nth-child(3) {margin-left: 20px;}
    footer .footer-news-section {margin-left: 0;float: right; padding: 0;}
    .footer-1 .row .col-md-4 {padding: 0;}
}
@media only screen and (max-width:1200px) {
    .cent_box .lef_img img { max-width: 100%; }
    .cent_box .rig_text { padding-top: 2%;text-align: left; margin-left: 0%;}
    .our_core { min-height: 330px;}
}
@media only screen and (max-width:1199px) {
    .tech .tab-content .left_img img { max-width: 100%; }
    .tech ul.nav.nav-tabs li a {padding: 10px 10px; margin: 0; font-size: 20px;}
    .tech ul.nav.nav-tabs li { margin: 0 5px;}
    .tech .tab-content .right_content { width: 52%;margin-left: 24px;margin-top: 50px;}
    .tech .tab-content .right_content p { margin: 6px 0; }
    .home_loan.blog .left_side_blog { width: 60%; }
    .home_loan.blog .right_side_blog {    width: 36%;}
    .home_loan.blog .right_blog .blog_content span { margin: 0; }
}

@media only screen and (max-width:1024px) {
    nav ul li { margin: 0; }
    .slide-text { width: 98%; }
    .about-container .right_see { height: auto; }
    .dropdown-menu>li>a {padding: 3px 8px;}
}
@media only screen and (max-width: 991px) {
    .container { width: 98%; }
    .slide-text h2 {   font-size: 24px;        line-height: 36px;   }
    .slide-text > p {  font-size: 16px; margin: 10px 24%; }
    .logo { width: 22%; }
    .top-left ul li a { font-size: 15px }
    nav ul li a { font-size: 13px;     padding: 4px 10px; }
    .top-bg .left_nav { margin-right: 0; }
    .slide-text > a.btn-default { height: 32px;font-size: 14px; padding: 5px 10px;}
    .indicators-line > .carousel-indicators li { padding: 5px; }
    .carousel-indicators li, .carousel-indicators .active { width: 14px; }
    .to-header { display: none; }
    .bs-slider .carousel-control { width: 50px; right: 10%; }
    span.glyphicon-chevron-right { background: url(../images/slider_right_arrow.png) no-repeat -32px 0;}
    .about-container.white_box { padding: 20px 10px;}
    .about-container h2 { font-size: 24px; margin: 0 0 10px; }
    .white_box .contant_box h3 { font-size: 18px; margin: 28px 0; }
    .cent_box { margin-top: 20px; }
    .white-container .color_box { padding: 10px 0; height: auto;}
    .blog_item .date_box { width: 40px; height: 40px; padding: 4px; margin-top: 0;}
    .blog_item .date_box h3 { font-size: 16px; }
    .blog_item .date_box h3 span, .our-services.blog .blog_item a { font-size: 13px; }
    .blog_item .heading h3 { font-size: 16px; line-height: 18px; }
    .blog_item p { font-size: 13px; margin: 10px 0;}
    .our-services.blog .blog_item a::after { width: 48%; }
    .blog_item { margin: 0; }
    .tech ul.nav.nav-tabs li a { padding: 5px 6px;font-size: 16px;}
    .tech .tab-content .right_content { margin-top: 32px; }
    .tech ul.nav.nav-tabs { width: 52%;}
    .our-office, .footer_soc {padding: 10px 0;}
    .our-office ul li:first-child {margin-left: 0;}
    .our-office ul li .left i { font-size: 30px; }
    .our-office ul li .left { width: 50px; margin-right: 12px; }
    .our-office ul li .left::before { height: 28px;top: 4px;}
    .footer-1 .row {margin: 20px 0;}
    footer .footer-about { margin-bottom: 10px; }
    .copyright, .copyright a { padding: 0; }
    .footer_soc ul li { width: 30px; height: 30px; }
    .footer_soc ul li i { font-size: 18px; }
    .copyright p { font-size: 14px; margin-bottom: 10px; }
    footer .footer-heading::before { width: 120px; }
    .footer-1 ul li a { padding: 0 0 0 18px; }
    footer .logo-footer { width: 190px; }
    footer .logo-footer img { max-width: 100%; }
    .our-office ul li .right { width: 70%; }
    .our-office ul li .right a { padding: 0; word-break: break-all;}
    .our-office ul li .right p br { display: none;}
    .about-service {padding: 20px 0 0;}
    .inner-banner, .inner-banner img { height: 290px; }
    ul.bread-crumb li { font-size: 18px; }
    .about-service h2 { font-size: 22px;line-height: 32px; margin: 0 0 10px;}
    .home_loan.blog .right_blog .blog_content { width: 72%;}
}

/*---------- MEDIA 480px ----------*/
@media only screen and (max-width: 768px) {
    .slide-text {   padding: 10px 50px; top: 18%; }
    .slide-text h2 { font-size: 22px; line-height: 28px;      margin-bottom: 10px;    }
    .slide-text > p {        font-size: 14px;        line-height: 20px;        margin-bottom: 20px; }
    .control-round .carousel-control{        display: none;    }
    .menu {    display: inherit; margin: 0px 0 0; float: right; width: 100%; position: absolute;right: 0;margin: 12px 0 0;top: 40px;  box-shadow: 0 0 4px 0px #ccc; border-radius: 4px;}
    .menu .collapse {    display: none; }
    .menu .collapse.in {  display: block; background: #fff; }
    .menu .collapse.in li {    display: block;    text-align: left; }
    .top-left { width: 90%; display: none; }
    .top-bg .left_nav nav.left_nav { display: inline-block;height: auto;margin: 0; width: 220px; }
    .top-bg .left_nav { width: 50%; }
    nav ul li { display: block; width: 100%; }
    nav ul li:hover a, nav ul li.active a { background: #fff; color: #242424; display: block; width: 100%; }
    nav ul li:hover ul li:hover a {color: #ffffff;    margin-left: 0px;}
    nav ul li ul li a { color: #242424; font-size: 13px;    padding: 5px 16px; }
    nav ul li a { display: block; width: 100%; text-align: left; color: #242424; background: #ffffff; }
    nav ul li ul {    opacity: 1;    width: 100%;    margin: 0;    position: relative;    left: 0;    top: 100%;    background: #ffffff;
    padding: 0;    transition: 1s;    transform: perspective(600px) rotatex(0deg);    border-radius: 0;     box-shadow: none; }
    nav ul li a:hover {    color: #b50f23; }
    .white_box .item_box { margin-top: 30px;}
    .white_box .contant_box h3 {    font-size: 18px;    margin: 14px 0 10px; }
    .white_box .contant_box p { font-size: 14px; }
    .white_box .center_text h2 { font-size: 18px; }
    .white_box .center_text p { font-size: 14px; margin: 0; }
    .white_box .center_text a { font-size: 14px; padding: 8px 10px; }
    .about-container { padding: 20px 0; }
    .about-container .left_see  {width: 100%; padding: 0; text-align: center;}
    .about-container.bg-color {    text-align: center;}
    .about-container .right_see {width: 54%;display: inline-block ;float: none;padding: 0; margin: 20px auto;}
    .about-container .right_see img { margin: 0; }
    .about-container h2 {   line-height: normal;    margin: 0 0 14px; padding: 0 0 10px 0; background-size: 50px; background-position: center bottom; } 
    .about-container p, .our-office ul li .right h5 { font-size: 18px; }
    .about-container a {    font-size: 14px;    padding: 4px 20px;    margin: 10px 0;    width: auto;    height: auto; line-height: normal; }
    .white-container h2, .our-services h2 {    font-size: 18px;    margin: 0; padding: 0; }
    .white-container p { font-size: 14px;    margin: 10px 0;}
    .white-container ul li.box h3, .our-office h3, .our-office h4, .white_box .contant_box h3 { font-size: 16px; }
    .about-container.contact_form, .our-services {  padding: 20px 0; }
    .about-container.contact_form .left_see h2, .about-container.contact_form .right_see h2 {    margin: 0 0 10px; }
    .about-container.contact_form .left_see p, .about-container.contact_form .right_see p {    font-size: 14px;    margin-bottom: 10px;}
    .about-container.contact_form .left_see, .about-container.contact_form .right_see, .about-container.contact_form .left_see ul li { width: 100%; }
    .about-container.contact_form .left_see ul {    text-align: left; }
    .about-container.contact_form .right_see {    text-align: center;    margin-top: 20px; }
    .about-container.contact_form .right_see .input-field button, input, select, textarea { border-bottom: 1px solid #c1c1c1; font-size: 14px; }
    input:focus, textarea:focus, select:focus { border-bottom: 1px solid #b50f23; }
    .about-container.contact_form .right_see .input-field button[type="submit"] {    font-size: 14px;    padding: 4px 20px;    margin-top: 10px;    line-height: normal;}
    .our-office ul {margin: 10px 0; }
    .our-office ul li { padding: 10px 0; }
    .our-office {    left: 0;    padding: 10px; }
    #map-sec { height: auto; margin: 0 0 20px; }
    .copyright, .copyright a {    font-size: 14px;    line-height: normal;}
    .top-bg.fadeInDown .logo { width: 160px; }
    .menu_btn {    display: inherit; float: right;  margin-top: 0; border: none; background: #ffffff; height: 36px; }
    .menu_btn span { margin: 4px 0; }
    .top-bg.fadeInDown .left_nav .menu_btn {    margin: 3px 0 0; background: #fff; }
    .top-bg.fadeInDown .left_nav {  margin-top: 0; }
    .menu_btn span { background: #000; }
    .about-container { text-align: center; }
    .inner-banner {    height: 200px;}
    .inner-banner img {    height: 100%;    width: 100%;    max-width: 100%; }
    ul.bread-crumb {    padding: 8px 15px; width: 94%;}

    .popup .modal-content { width: 96%; margin: auto; }
    .popup .ryt-form h2 { font-size: 18px; margin: 0; }
    .popup .ryt-form p {  font-size: 14px; margin: 6px 0 12px; }
    .popup .modal-content .modal-body .input-field { padding: 0; }
    .popup .modal-content .modal-body .input-field button { font-size: 14px; padding: 5px 20px; }
    .top-bg .left_nav ul.dropdown-menu { display:none; }
    .dropdown.open ul.dropdown-menu {    display: block;    margin-top: 40px; }
    .dropdown-menu>li>a { color: #000; }
    .caret {    float: right;    border-top: 10px dashed; }
    .dropdown.open ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu {    margin: 0;    position: relative;    padding: 0; }
    .dropdown.open ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu li a { padding: 3px 20px;}
    .open>.dropdown-toggle.btn-default:hover { background-color: #007bba; outline: none; cursor: pointer;}
    .menu_btn:hover span { background: #ffffff; }
    .indicators-line > .carousel-indicators { display: none; }
    .logo { width: 165px;}
    .white_box .item_box {  margin-top: 0; padding: 0;}
    .cent_box .rig_text {display: block; vertical-align: top; width: 100%; padding: 10px; text-align: center;}
    .cent_box .lef_img{ display: block; vertical-align: top;width: 58%; margin: auto;}
    .white-container p, .cent_box .rig_text p { font-size: 13px; }
    .white-container .our_core h2 { margin: 20px 0 0; line-height: 32px; padding-bottom: 14px;}
    .white-container ul li.box { margin: 42px 10px 20px 0;}
    .white-container ul li.box h3, .our-office h3, .our-office h4 { font-size: 15px;}
    .white-container { min-height: 1500px;}
    .cent_box .lef_img { width: 100%; }
    .our-services h2::before { margin: 40px 0 0 36px; height: 2px;}
    .our-services h2 {line-height: 32px; padding: 0;}
    .our-services .carousel-inner > .item { padding: 10px 0 0px;}
    .blog_item { padding: 10px; }
    .about-container h2, .white-container h2, .our-services h2, .technologie h2, .our-client h2, .about-container .left_see h2, .home_loan.blog h2 { font-size: 22px; }
    .technologie { padding: 20px 0; }
    .technologie h2, .our-client h2 { line-height: 32px; margin: 0; }
    .tech { margin: 20px 0 0;}
    .tech ul.nav.nav-tabs { margin-bottom: 20px; }
    .about-container .left_see h2 { line-height: 32px; }
    .home_loan.blog { padding: 20px 0; }
    .home_loan.blog h2 { padding: 0; }
    .home_loan.blog h2:before { height: 2px;margin: 50px 0 0 54px;}

}
@media only screen and (max-width: 767px) {
    footer { text-align: center; height: auto; }
    .copyright, .copyright a {    padding: 10px 0;    min-height: auto; }
    .footer-menu li {    padding: 0px 10px;}
    .our-services.blog a.left.carousel-control span.glyphicon.glyphicon-chevron-left { background-color: #007bba; width: 30px; height: 30px;
    background-position: 6px 50%;}
    .our-services.blog a.right.carousel-control span.glyphicon.glyphicon-chevron-right {background-color: #007bba;width: 30px;height: 30px;background-position: -56px 50%;}
    .about-container .right_see:hover img { height: auto; width: auto; }
    .our-services .item img { width: 100%; }
    .blog_item { margin-bottom: 20px; }
    .tech .tab-content .left_img {display: block;width: 70%; margin: auto;}
    .tech ul.nav.nav-tabs { width: 100%; position: relative; text-align: center; right: 0; left: 0; margin-bottom: 30px;}
    .tech ul.nav.nav-tabs li {margin: 0 5px;float: none; display: inline-block;}
    .tech .tab-content .right_content { width: 100%; margin:0; text-align: center; }
    .our-office ul, .our-office ul li { margin: 0; padding: 0; }
    .our-office ul li .right p, .our-office ul li a, footer .footer-about { font-size: 13px; }
    .footer-1 .row .col-md-3:nth-child(2), .footer-1 .row .col-md-3:nth-child(3) { margin-left: 0;width: 50%;text-align: left;margin-bottom: 20px;}
    .our-office ul li { text-align: center; }
    .our-office ul li .left { width: 100%; margin-right: 0;text-align: center;margin-bottom: 10px;}
    .our-office ul li .left::before { display: none; }
    .our-office ul li .right { width: 100%; }
    .about-service .left-side, .about-service .client-container {width: 100%; display:block;margin-right: 0; margin-bottom: 20px;}
    .about-service.client {padding: 20px 0 0;}
    ul#cases-container { margin: 10px 0; }
    .about-service.contact {padding: 20px 0;}
    .client-container.left_see.white_box iframe {height: 240px; margin: 0;}
    .about-service .client-container { margin: 10px 0 0; }
    .get-in-touch-box h2 { margin: 0; line-height: 32px; font-size: 22px; padding: 0; }
    .get-in-touch-box ul { width: 100%; }
    .get-in-touch-box ul li {width: 100%; display:block; text-align: center;}
    .get-in-touch-box ul li i { float: none; display: block; font-size: 30px; margin: 10px 0; }
    .get-in-touch-box ul li h4 { float: none; font-size: 16px; line-height: 24px; }
    .get-in-touch-box { text-align: center;}
    .get-in-touch-box { padding: 20px 0; margin-bottom: 20px; }
    .service-section .tab-content, .service-section .tab_btn { width: 100%; float: none; }
    .service-section .tab_btn { background: transparent; padding: 0;  }
    .service-section .tab_btn li { width: auto; display: inline-block; border-radius: 0; outline: none;border: none;position: relative; margin-right: 10px;
    margin-bottom: 0;line-height: normal;}
    .service-section .tab_btn li.active a {background-color: #017bba;color: #fff;}
    .service-section .tab_btn li a { margin: 0 0 5px 0; line-height: normal; border: none;border-radius: 4px;padding: 4px 10px; color: #000; font-size: 14px; font-family: 'Poppins-Regular';text-transform: uppercase;}
    .service-section .tab-content { margin-top: 10px; }
    .about-service.contact .input-field { padding: 0;}
    .home_loan.blog .left_side_blog { width: 100%;}
    .blog .blog_box { padding: 6px;     border: 6px solid #f4f6f8; }
    .home_loan.blog.detial .left_side_blog .blog_box .blog_content h3 { font-size: 18px; }
    .blog .blog_box .blog_content span { font-size: 12px; }
    .home_loan.blog.detial .left_side_blog .blog_box .blog_content p { font-size: 13px; }
    .home_loan.blog .right_side_blog { width: 100%;  margin: 0;  padding: 6px; margin-top: 20px;}
    footer .footer-news-section { float: none; }


}

@media only screen and (max-width: 562px) {
    .white-container ul li.box {    margin: 42px 0px 20px 0;    width: 100%; }
    .slide-text {    padding: 10px; }
    .slide-text > p { font-size: 14px; line-height: 20px; margin: 10px; }
    .slide-text > a.btn-default {    width: auto;    height: auto; font-size: 14px;  padding: 4px 10px;}
        .our-services.blog a { width: 10%; }
    .our-services.blog a.left.carousel-control {left: 12px;}
    .our-services.blog a.right.carousel-control { right: 12px; }
    .our-services.blog a.right.carousel-control span.glyphicon.glyphicon-chevron-right { left: auto; right: 0; }

}

@media only screen and (max-width: 480px) {
    .slide-text {  width: 100%;  padding: 10px;  top: 30%;   }
    .slide-text h2 {        font-size: 22px;        line-height: 25px;        margin: 0px;    }
    .slide-text h2 br { display: none; }
    .slide-text > p {        font-size: 13px;        line-height: normal;        margin: 8px 0;     }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {  font-size: 13px;  line-height: 10px; margin-right: 10px;  text-align: center;  padding: 8px 10px; border: 1px solid #fff;}
    .slide-text > a.btn-default  { width: auto; height: auto; }
    .indicators-line > .carousel-indicators{   display: none; }
    .top-bg .left_nav {    width: 30%; }
    .top-bg.fadeInDown .left_nav { width: 50%; }
    .menu_btn { width: 40px;    height: 32px; }
    .white-container { padding: 0px 0 20px; }
    #map-sec iframe {    width: 100%;    height: 200px;    position: relative;    margin-bottom: 20px; }
    .our-office {left: 0;  width: 100%; }
    .white_box .item_box, .about-container.contact_form .right_see, .about-container.contact_form .right_see .input-field { padding: 0; }
    .row { margin: 0; }
    .top-bg.fadeInDown .logo {    width: 130px; }
    .about-container p { text-align: justify; }
    .about-container .about-text .col-xs-12.col-md-6 { padding: 0; }
    .white_box .center_text { margin: 0 0 30px;}
    .white_box .center_text a { margin: 0; }
    .carousel-inner > .item img {   }
    .wow{  animation-name: none !important;  visibility: visible !important;  }
    .menu_btn span { margin: 3px 0; }
    .carousel-inner, .carousel-inner > .item, .carousel-inner > .item img { min-height: 240px; }
    .logo { margin-left: 0; }
    .about-container h2 { margin: 0; padding: 0;}
    .white-container .color_box { padding: 20px 0;}
    .white-container h2 { line-height: 32px; padding: 0 0 14px 0; }
    .cent_box .lef_img, .cent_box .rig_text { padding: 0;  }
    .cent_box .rig_text { padding: 0 10px;}
    .our-services .carousel-inner .item .img_box img { min-height: auto;}
    .white_box .icon_box { width: 40px; height: 40px; background-size: 360%;  }
    .white_box .icon_box.icon_1 {background-position: -8px 1px;}
    .white_box .item_box:hover .icon_box.icon_1 {background-position: -8px -42px;}
    .white_box .contant_box a { font-size: inherit; padding: 0; margin: 0;}
    .white_box .contant_box h3 {margin: 0;  padding: 12px 0;}
    .white_box .item_box { margin-top: 20px;}
    .white_box .icon_box.icon_2 { background-position: -4px -66px;background-size: 285%;}
    .white_box .item_box:hover .icon_box.icon_2 {  background-position: -4px -106px;}
    .white_box .icon_box.icon_3, .white_box .icon_box.icon_5 { background-position: -7px -165px; background-size: 310%;}
    .white_box .item_box:hover .icon_box.icon_3, .white_box .item_box:hover .icon_box.icon_5 {background-position: -7px -208px;}
    .white_box .icon_box.icon_4 { background-position: -5px -245px; background-size: 300%;}
    .white_box .item_box:hover .icon_box.icon_4 {background-position: -5px -293px;}
    .white_box .icon_box.icon_6 { background-position: -4px -339px; background-size: 300%;}
    .white_box .item_box:hover .icon_box.icon_6 {background-position: -4px -381px;}
    .about-container .right_see { margin: 10px auto 0; }

    .white-container ul li.box { margin: 40px 0px 0px 0;}
    .icon, .icon1, .icon2, .icon3 { width: 40px; height: 40px; margin: -20px auto 18px auto; background-size: 320%;}
    .white-container ul li:nth-child(1).box { margin: 20px 0 0;}
    .white-container ul li.box .icon {  background-position:-52px 3px; background-size: 320%; }
    .icon1 {background-position:-52px -36px; }
    .icon2 { background-position: -53px -77px; }
    .icon3 { background-position: -52px -120px; }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top: 40%; }
    .white_box .contant_box p { font-size: 13px; }
    .tech .tab-content .left_img { width: 100%; }
    .tech {margin: 10px 0 0;}
    .tech ul.nav.nav-tabs li { margin: 10px 5px; }
    .tech ul.nav.nav-tabs { margin-bottom: 10px; }
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { width: 30px; height: 30px; padding: 0; }
    .MultiCarousel .leftLst i, .MultiCarousel .rightLst i {font-size: 16px;line-height: 14px;}
    .MultiCarousel .MultiCarousel-inner .item::before { display: none;   }
    .MultiCarousel { margin: 0; }
    .our-office ul li { margin-bottom: 10px; width: 100%; }
    .our-office ul li:nth-child(3) {margin: 0;}
    .footer-1 .row .col-md-3:nth-child(2), .footer-1 .row .col-md-3:nth-child(3) { width: 100%; }
    .client-container.left_see.white_box .contant_box h3 { font-size: 14px;}
    .client-container.left_see.white_box .item_box { margin: 0px 0 14px;}
    ul#cases-container li { width: 140px;margin: 0 8px 10px 0;}
    ul.bread-crumb li { font-size: 14px; }
    ul.bread-crumb {padding: 4px 10px;width: 94%; bottom: 10px;border-radius: 5px;}
    .about-container.contact_form .right_see .input-field button, input, select, textarea { font-size: 14px; }
    input, select, textarea { margin: 0 0 10px 0; padding: 4px 10px; }
    .input-field input[type="submit"] { width: 120px; font-size: 15px; margin-top: 18px;}
    .service-section .tab_btn li { margin-right: 5px; }
}