@media (min-width: 576px){
    .gallery-title {
        height: 38px;
        overflow: hidden;
        max-height: 38px;
    }
}

@media (min-width: 768px){

    .tab-area ul.new-list li p {
        /*height: 44px;*/
        max-height: 43px;
        overflow: hidden;
    }



}

@media (min-width: 991px) {
    .footer-block .title i {
        display: none;
    }
}


@media (min-width: 1150px) {
    .tab-area ul.new-list li:nth-child(even){
        padding-right: 0px;
    }
}

@media (min-width: 1245px){
    .show-under-breakpoint{
        display: none;
    }
}
@media (min-width: 1200px){

    .blog-area .content .media h5 {
        /*height: 32px;*/
        /*max-height: 32px;*/
        overflow: hidden;
    }

    .blog-area .content .media p {
        max-height: 57px;
        overflow: hidden;
    }

    .blog-next,
    .blog-prev{
        display: none;
    }

}

@media (max-width: 1300px){

    .banner-slider .item .content .image-block {
        width: 837px;
    }

    .banner-slider-thumb,
    .banner-area,
    .banner-slider .item .content .image-block
    {
        height: 433px;
    }

    .weather-block {
        float: right;
    }

}

@media (max-width: 1290px){
    .main-menu .container{
        padding-right: 0px;
    }

    .main-menu .row {
        margin: 0px;
    }

    .online-block-after {
        display: none;
    }

    .online-block {
        float: right;
    }

}
@media (max-width: 1280px){

    .currency-block {
        width: 65% !important;
    }



}

@media (max-width: 1275px){
    .container {
        max-width: 100% !important;
    }

    .footer-block {
        width: 25%;
        max-width: 25%;
    }


    .footer-block.last {
        width: auto;
        clear: both;
        padding-left: 0px;
        display: table;
        margin: 0 auto;
        float: none;
    }



}
@media (max-width: 1260px){
    .banner-slider .item .content .image-block {
        width: 820px;
    }



    .banner-slider-thumb,
    .banner-area,
    .banner-slider .item .content .image-block
    {
        height: 424px;
    }







}

/* BREAKPOINT START */

@media (max-width: 1245px) {
    .container.thumb
    {
        padding:0px;
        margin:0px;
    }

    .index-weather .container{
        padding:0px;
        margin:0px;
    }

    header .top-header .top-block {
        padding: 0px 15px;
    }



    .online-block {
        margin-top: 12px;
    }

    .show-upper-breakpoint{
        display: none;
    }

}


@media (max-width: 1230px) {
    .banner-slider .slide .container
    {
        padding:0px;
        margin:0px;
    }

    .banner-slider .item .content .image-block {
        width: 810px;
        margin: 0 auto;
    }

    .banner-slider-thumb,
    .banner-area,
    .banner-slider .item .content .image-block
    {
        height: 419px;
    }

    .banner-slider-thumb
    {
        display: none;
    }


    .banner-slider .item .content .image-block .new-title {
        font-size: 35px;
        line-height: 38px;
    }


    .banner-buttons-area {
        width: 100% !important;
    }



}

@media (max-width: 1200px){

    .footer-top a {
        display: block;
        width: 20%;
        text-align: center;
        float: left;
        margin-bottom: 10px;
    }

    .sub-header .sub-header-top {
        background-size: cover;
    }

    .footer-top.mobile .footer-top-content:after {
        display: table;
        content: '';
        clear: both;
    }


    .currency-block {
        width: 63% !important;
    }


    .weather-block {
        width: 36% !important;
    }

    header .top-header .top-block.social-icons{
        display: none;
    }


    .blog-area {
        margin-top: 35px;
    }

    .blog-area .all-blog {
        margin-top: 0px;
        margin-bottom: 0px;
    }


}



@media (max-width: 1065px) {
    .currency-block {
        width: 100% !important;
    }


    .weather-block {
        width: 100% !important;
    }

    .index-weather .container {
        padding: 15px;
    }

    .currency-block ul li:first-child {
        padding-left: 10px;
    }
}


@media (max-width: 1024px) {
    .top-block.first{
        display: none !important;
    }

    .top-block.second{
        padding-left: 170px !important;
    }

    header .top-header .top-block {
        padding: 0px 30px;
    }

    .services-block .services-list .services {
        width: 25%;
    }

    .slogan-inline {
        display: inline-block;
        color: #fff;
        height: 70px;
        line-height: 70px;
        padding-left: 15px;
    }
}



@media (max-width: 991px) {

    .blog-area .content {
        height: auto;
        min-height: auto;
    }


    .footer-top a {
        width: 33.33333%;
    }

    .footer-bottom .social-icons {
        display: none !important;
    }

    .footer-top a:nth-child(3n) {
        border-right: none;
    }

    .gallery-area .gallery-list{
        margin-bottom:30px;
    }


    .gallery-area .col-lg-4 {
        padding: 0 25px;
    }

    .company-area {
        padding: 30px 0 10px;
    }


    header .top-header .top-block {
        padding: 0px 20px;
    }

    header .top-header .container{
        padding: 0px;
    }

    header .top-block.services {
        padding:0px;
    }
    header .top-block.services a {
        background-color: #009640;
        padding: 12px 15px !important;
        color: #fff;
    }

    header .top-block.lang-menu,
    header .top-block.search-area
    {
        display: none !important;
    }


    .online-block.desktop{
        display: none !important;
    }


    header .top-block-area {
        justify-content: flex-end;
    }



    .mobile-menu-button {
        margin-right: 30px;
        line-height: 72px;
    }


    header .logo {
        margin-top: -50px;
        margin-bottom: 10px;
    }

    header .logo a {
        padding: 8px 9px 9px;
    }

    header .logo a img{
        height: 100px;
    }


    .banner-buttons .button {
        background-color: #e31913;
        padding: 7px 13px;
    }

    .banner-buttons .button img {
        width: 34px;
    }


    .box-area .box {
        margin-bottom: 30px;
    }

    .box-area .box .img {
        text-align: right;
    }


    .tabbed ul.new-list li {
        font-size: 14px;
    }

    ul.counter-list li {
        padding: 20px 8px 8px;
        text-align: center;
    }


    .footer-block{
        width: 100%;

        max-width: 100%;
        padding:0px;
    }


    .footer-block ul.footer-link {
        padding-left: 0px;
    }

    .footer-block:first-child{
        width: 100%;
        padding-right: 0px;
    }


    .footer-block:first-child a{
        float: left;
        margin-right: 20px;
    }

    .footer-block:first-child p{
        margin-top: 16px;
        float: left;
    }
    .footer-block:first-child .media {
        float: right;
        margin-top: 29px;
    }

    .footer-block:first-child .media p{
        margin-top: 0px;
        float: none;
    }


    .footer-block.mobile:not(.first):not(.last) {
        background-color: #3c3c3c;
        padding: 0px;
        margin-bottom: 10px;
    }

    .footer-block.mobile .title {
        margin: 0;
        padding:5px 15px;
        display: block;
        font-weight: 600;
    }

    .footer-block.mobile ul li {
        list-style: none;
    }

    .footer-block.mobile ul li a{
        padding: 5px 0px;
        display: block;
        border-bottom: 1px solid #505050;
        margin: 0 14px;
        font-size: 14px;
    }

    .footer-block.mobile ul li a br {
        content:" ";
    }

    .footer-block.mobile ul li a br:after {
        content: " ";
    }

    .footer-block.mobile .title i{
        float: right;
        margin-top: 4px;
    }

    .footer-block.mobile ul.footer-link{
        display: none;
    }


    .sidebar {
        margin-top: 20px;
    }

    .content-detail {
        margin-top: 0px;
    }

    .sidebar .sidebar-title{
        margin-bottom: 0px;
    }


    .sidebar-default .sidebar-title,
    .sidebar .sidebar-title{
        display: none;
    }
    .sidebar-default a.sidebar-title,
    .sidebar a.sidebar-title{
        display: block;
    }

}


@media (max-width: 820px) {
    .banner-slider-thumb, .banner-area, .banner-slider .item .content .image-block{
        width: auto;
        height: auto;
    }

    .banner-slider .item .content .image-block .new-title {
        font-size: 25px;
        line-height: 30px;
    }

    .banner-buttons-area{
        display: none;
    }

}

@media (max-width: 768px) {

    .footer-top a {
        width: 50%;
    }


    .services-block .banner-image {
        width: 120px;
    }

    .services-block h1 {
        font-size: 24px;

        margin: 20px 0px 40px;
    }

    .services-block p {
        font-size: 14px;
    }

    .footer-bottom .d-table-cell {
        display: block !important;
        width: 100%;
        text-align: center !important;
    }

    .services-block .services-list .services {
        width: 33.3333%;
    }


    .footer-bottom .d-table-cell.text-right {
        margin-top: 20px;
    }

    .footer-top a:nth-child(3n) {
        border-right: 2px solid #f7f7f7;
    }

    .footer-top a:nth-child(2n) {
        border-right: none;
    }

    .services-block .services-list {
        margin: 40px -10px 0 -10px;
    }


    .banner-slider .item .content .image-block .new-title {
        font-size: 15px;
        line-height: 18px;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 24px;
    }


    .services-area .theme-btn {
        padding: 8px 22px;
        font-size: 16px;
        margin-top: 10px;
    }


    .gallery-area .col-lg-4 {
        padding: 0 15px;
    }


    .nav-mobile-menu {
        width: 55%;
    }

    .online-area .content .area {
        padding: 0px 20px;
    }
    .online-area {
        width: 350px;
        padding: 10px 0;
    }

    .block-title svg {
        width: 50px;
        margin-top: 14px;
    }

    .online-area .block-title {
        padding: 5px 11px;
        margin-left: -76px;
    }

    .banner-buttons-area {
        display: none;
    }


    .currency-block ul li .title {
        float: none !important;
        display: block;
    }

    .currency-block ul li .title i{
        float: right;
    }

    .currency-block ul li .percent{
        display: none;
    }
    .currency-block ul li .float-right {
        float:none !important;
        margin-top: 10px;
        font-weight: 500;
    }

    .tab-area ul.new-list li{
        width: 100%;
        padding-right: 0px;
        border-bottom: 1px solid #f3f3f3;
        padding-bottom: 14px;
        margin-bottom: 13px;
    }

    .corporate-block .col-lg-4 {
        display: none;
    }



    ul.counter-list li {
        text-align: left;
        padding: 20px 14px 8px;
    }

    ul.counter-list li .content {
        width: 100px;
    }

    ul.counter-list li .icon {
        width: 70px;
    }
    .counter-list svg {
        width: 55px;
    }

    ul.counter-list li .counter {
        font-size: 30px;
        line-height: 35px;
    }

    ul.counter-list li .detail {
        font-size: 17px;
    }

    .parallax:before {
        background-color: rgba(54,54,54,.9);
    }

    .archive-area {
        background-attachment: local;
    }
    .gallery-area .gallery-list{
        margin:0 -5px 30px;
    }
    .gallery-area .gallery-list .col-sm-4 {
        padding: 0 5px;
    }

    .back-button {
        display: none;
    }
    .sub-header .sub-header-top {
        padding: 35px;
    }
    .sub-header .sub-header-top .sub-header-title{
        font-size: 24px;
    }
}

@media (max-width: 650px) {
    .footer-block:first-child .media {
        float: none;
        clear: both;
        margin-bottom: 20px;

    }
    .footer-block:first-child p {
        margin-top: 16px;
        float: left;
    }

}

@media (max-width: 610px) {
    ul.counter-list li {
        text-align: left;
        padding: 0px;
        width: 100%;
        margin-bottom: 10px;
    }

    ul.counter-list li .content {
        width: auto;
    }
}


@media (max-width: 600px) {
    .nav-mobile-menu {
        width: 70%;
    }

    header .top-header .top-block.services {
        display: none !important;
    }

    header .top-header {
        padding:5px 0;
    }

    header .top-header .top-block {
        border-right: none;
    }

}


@media (max-width: 575px) {
    .gallery-title{
        padding:10px;
    }

    .gallery {
        min-height: auto;
        margin-bottom: 30px;
        padding: 7px;
    }

    .gallery-area .gallery-list {
        margin: 0 -5px 0px;
    }

    .services-block .services-list .services {
        width: 50%;
    }

    .slogan-inline {
        font-size: 14px;
    }


    .content-title .position-absolute {
        position: relative!important;
        display: block;
        margin-top: 15px;
        margin-bottom: 15px;
        right: 0;
        left: 0;
    }
}


@media (max-width: 500px) {
    .nav-mobile-menu {
        width: 80%;
    }
}


@media (max-width: 480px) {
    .archive-area .archive-box-list {
        position: relative;
        display: block;
    }

    .archive-box{
        width: 100%;
    }

    .footer-top a {
        width: 100%;
        border-right: none;
        text-align: left;
        border-bottom: 1px solid #2d2d2d;
        padding-bottom: 6px;
        margin-bottom: 6px;
    }

    .services-block .services-list .services {
        width: 100%;
        padding:0px;
    }

    .services-block .services-list {
        margin: 40px 0px 0 0px;
    }


    .online-area {
        width: 300px;
    }

    .online-area .block-title img {
        width: 200px;
        margin-right: 10px !important;
        margin-top: 4px;
    }

    .block-title svg {
        margin-top: 4px;
    }

}


@media (max-width: 440px) {
    .nav-mobile-menu .online-block {
        padding: 4px 6px;
        height: 52px;
        margin-top: 17px;
    }

    .nav-mobile-menu .online-block img {
        height: 31px !important;
        margin-left: 4px;
        margin-top: 8px;
    }

    .online-block .text {
        margin-left: 5px;
    }

    .nav-mobile-menu .icon-list .icon {
        padding: 11px 13px;
    }

    .nav-mobile-menu .social-icons b{
        display: block;
    }

}

@media (max-width: 420px) {
    .icon-phone-detail .number{
        font-size: 14px;
        font-weight: 500;
    }
    .slogan-inline {
        display: none;
    }
}

@media (max-width: 414px) {
    .content-detail .image-list  {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        width: 100%;
        overflow-x: auto;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .content-detail .image-list li.list-inline-item {
        /*display: list-item;
        text-align: center;*/
        flex: 0 0 auto;
        width: auto;
        text-align: center;
    }
}

@media (max-width: 380px){

    .top-header .icon-phone-detail .number {
        font-size: 10px;
        font-weight: 500;
    }

    .currency-block ul li .title i{
        display: none;
    }

    .weather-block {
        font-size: 14px;
    }

    .weather-block .icon {
        padding: 9px 6px;
    }

    .weather-block .icon img {
        width: 30px;
    }

    .weather-block .text {
        padding: 12px 10px 9px 52px;
    }

    .online-area .block-title {
        margin-left: -26px;
    }

}


@media (max-width: 340px){

    header .logo {
        margin-top: -46px;
        margin-bottom: 10px;
    }

    header .logo a {
        padding: 6px;
    }

    .mobile-menu-button {
        line-height: 78px;
        font-size: 23px;
    }

    .timeline-button h4:last-child {
        margin-left: 100px;
    }

    .timeline-button h4 {
        font-size: 20px;
    }

}