@media (min-width:320px)  {
    .container{
        max-width: 1700px;
    }

}
@media (min-width:320px) and (max-width:767px) {

    .side_text .button_close span {
        display: none
    }
    .nav_text .icon li {
        display: inline-block;
        padding: 0 10px
    }
    .manu_text .icon {
        display: block;
        margin-top: 20px
    }
    .socil_icon {
        display: none
    }
    .malo_img p {
        padding: 38px 0 0 16px
    }
    .logo_main {
        justify-content: flex-start
    }
    .header_fix {
        padding: 0 15px
    }
    .manu_text ul li a {
        font-size: 30px
    }
    .manu_text .close_button i {
        display: block
    }
    .side_text .close_button i {
        display: none
    }
    .side_text {
        position: inherit;
        min-height: inherit
    }
    .button_close {
        margin-right: 10px;
        margin-top: 10px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .manu_text ul li a {
        font-size: 40px
    }
    .language {
        margin-left: 24px
    }
}

@media screen and (max-width:1600px){
    .container {
        padding: 0 50px;
    }
    .home-three-slider-block {
        padding: 0;
    }
    .slider-col {
        margin-bottom: -60px;
    }
    .home-banner-slider-section {
        margin: 100px 0 130px;
    }
    .comment-bg-section {
        padding: 120px 0;
    }
    .about-small-img {
        max-width: 70%;
        left: -30px;
    }
    .about-right-col {
        padding-left: 30px;
    }
    .blog-tab-category-box {
        margin-left: 0;
        margin-right: 0;
    }
    .last-work-img {
        top: 130px;
        right: -25px;
        max-width: 440px;
    }
}
@media screen and (max-width:1450px){
    .last-work-img {
        max-width: 400px;
        top: 100px;
    }
    .last-work-box {
        min-height: 430px;
    }
    .blog-tab-block .nav-tabs {
        padding: 0;
    }
    .blog-tab-block .nav-tabs .nav-item + .nav-item {
        margin-left: 0;
    }
    .blog-tab-category-box {
        padding: 25px;
        margin-bottom: 100px;
    }
    .blog-image-content {
        width: calc(100% - 350px);
    }
    .blog-tab-img {
        width: 350px;
    }
    .blog-common-left-col {
        width: 400px;
    }
    .blog-common-right-col {
        width: calc(100% - 400px);
        padding-left: 30px;
    }
    .about-small-blog-img {
        left: -30px;
        max-width: 75%;
    }
    .blog-common-right-col.ltr-class {
        padding-left: 0;
        padding-right: 40px;
    }
    .ltr-class .about-small-blog-img {
        right: -20px;
    }

    .blog-tab-content-block {
        padding-top: 50px;
    }
    .blog-image-content .common-heading h3 br {
        display: none;
    }
    .blog-image-content .common-heading h3 {
        font-size: 40px;
    }
    .category-blog-block {
        padding-left: 0;
    }

}
@media screen and (max-width:1367px){
    .last-work-img {
        max-width: 360px;
    }
    .last-work-box {
        min-height: 360px;
    }
   /* .about-small-blog-img{
        max-width: 360px;
    }*/
    .blog-img-and-text-desc {
        flex-wrap: wrap;
    }
    .blog-img-and-text-desc img {
        width: 100%;
        max-height: 380px;
        object-fit: cover;
        object-position: center;
        min-width: 100%;
    }
    .blog-img-and-text-desc .blog-tab-desc {
        padding-left: 0;
        margin-top: 20px;
    }
    .category-blog-block {
        padding-left: 0px;
    }
    .blog-title .common-heading h3 {
        padding-right: 0;
        font-size: 30px;
    }
    .mein-weg-category-box {
        padding: 140px 40px;
    }
    .blog-tab-img {
       width: 100%;
   }
    .blog-tab-category-box {
        margin-bottom: 35px;
    }
    .blog-tab-img img {
        position: unset;
        width: 100%;
        max-height: 380px;
        object-fit: cover;
        object-position: center;
    }
    .blog-image-content {
        width: 100%;
        padding-left: 0px;
        margin-top: 35px;
    }
     .blog-common-left-col, .blog-common-right-col {
       width: 100%;
   }
    .ltr-class {
        order: 2;
    }
    .blog-tab-common-block .about-blog-img {
        margin-top: 50px;
    }
}
@media screen and (max-width:1199px){
    .about-small-img {
        max-width: 75%;
    }
    .about-right-col,
    .about-left-col {
        width: 50%;
    }
    .mein-weg-category-box {
        padding: 140px 20px;
    }
    .category-box-heading h3 {
        font-size: 45px;
    }
    .category-ul li a, .category-ul li a:after {
        font-size: 25px;
    }
    .last-work-img {
        max-width: 100%;
        top: unset;
        bottom: -50px;
    }
    .last-work-box {
        min-height: 330px;
    }
    .blog-tab-block .nav-tabs .nav-link {
        padding: 10px 20px;
    }
    .last-item-title h3 {
        font-size: 30px;
    }
    .ltr-class .about-small-blog-img {
        right: -15px;
    }
}
@media screen and (max-width:991px){
    .home-slide-text h3 {
        font-size: 30px;
    }
    .comment-text-block h3,
    .category-box-heading h3{
        font-size: 35px;
    }
    .common-heading h3,
    .last-work-title h3{
        font-size: 35px;
    }
    .about-desc p,
    .small-heading p,
    .blog-desc p,
    .blog-more-btn a{
        font-size: 16px;
    }
    .small-heading p:after {
        right: -18px;
        top: -6px;
    }
    .blog-more-btn a:after {
        width: 70px;
    }
    .home-banner-slider-section {
        margin: 70px 0;
    }
    .about-mein-weg-section {
        padding: 70px 0;
    }
    .category-ul li a {
        font-size: 20px;
        padding: 10px 0;
    }
    .category-ul {
        padding-top: 20px;
    }
    .category-ul li a:after {
        font-size: 20px;
    }
    .mein-weg-category-box {
        padding: 30px 25px;
        margin-bottom: 35px;
    }
    .category-blog-block {
        padding-left: 0px;
    }
    .blog-title .common-heading h3 {
        font-size: 30px;
        padding-right: 0;
    }
    .blog-image {
        margin-bottom: 30px;
    }
    .blog-desc {
        padding: 15px 0;
    }
    .last-work-section {
        padding: 35px 0;
        margin: 70px 0;
    }
    .last-work-slider-block {
        margin-top: 30px;
    }
    .last-work-box {
        min-height: 380px;
    }
    .blog-image-content .common-heading h3, .blog-common-left-col .common-heading h3, .last-post-title h3 {
        font-size: 35px;
    }
    .datum-category p {
        font-size: 16px;
    }
    .last-post-title span {
        font-size: 35px;
    }
    .blog-tab-block .nav-tabs .nav-item {
        margin-bottom: 10px;
        width: 49%;
        text-align: center;
    }
    .last-post-list li a {
        font-size: 18px;
    }
    .blog-common-right-col {
        padding-left: 30px;
    }
    .blog-common-right-col.ltr-class {
        padding-left: 0;
        padding-right: 30px;
    }
    .about-small-blog-img {
       /* max-width: 300px;*/
        left: -30px;
    }
    .ltr-class .about-small-blog-img {
        right: -30px;
    }
    .blog-explore-right-block {
        width: 380px;
    }
    .blog-explore-left-block {
        width: calc(100% - 380px);
    }
    .day {
        width: auto;
    }
    .blog-tab-category-box {
        padding: 12px;
    }
    .blog-details-box {
        padding: 0;
    }
    .blog-tab-category-box {
        margin-bottom: 0;
    }
    .tags-ul li a {
        padding: 8px;
        font-size: 13px;
    }
    .blog-pagination {
        padding-top: 50px;
    }
    .blog-slide-text {
        padding: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
        max-width: 100%;
    }
    .blog-slide-content {
        padding: 15px;
    }
    .blog-slide-content p {
        margin: 15px 0;
        font-size: 16px;
    }
    .blog-slide-content h3 {
        font-size: 25px;
    }
    .blog-slide-content a {
        font-size: 15px;
        padding: 10px 25px;
    }
    .blog-explore-heading h3 {
        font-size: 35px;
    }
    .blog-details-box .blog-image-content .common-heading h3 {
        font-size: 35px;
    }
    .blog-details-box .datum-category p {
        font-size: 20px;
    }
    .blog-details-box .blog-tab-desc p {
        font-size: 16px;
    }
    .blog-details-box .keep-reading-btn a {
        font-size: 25px;
        margin-top: 30px;
    }
    .last-post-img {
        width: 100px;
        min-width: 100px;
    }
    .blog-common-left-col .blog-more-btn {
        padding-top: 30px;
    }

}
@media screen and (max-width:810px){
    .last-work-box {
        min-height: 280px;
    }

}

@media screen and (max-width:767px){
    .container {
        padding: 0 15px;
    }
    .about-right-col, .about-left-col {
        width: 100%;
    }
    .about-img-block {
        margin-top: 35px;
    }
    .about-img-block img {
        max-width: 500px;
    }
    .about-small-img img, .blog-image img {
        width: 100%;
    }
    .category-blog {
        margin-bottom: 35px;
    }
    .last-work-section {
        margin-top: 35px;
    }
    .blog-explore-left-block {
        width: 100%;
    }
    .blog-explore-right-block {
        width: 100%;
        padding-left: 0;
    }
    .bout-side-img img{
        width: 100%;
    }
    .instagram-ul li img {
        width: 100%;
    }
    .day {
         width:60px;
    }
    .about-small-blog-img {
        max-width: 70%;
    }
    .last-work-box {
        min-height: 320px;
    }
    .blog-explore-section {
        padding-bottom: 60px;
    }


}

@media screen and (max-width:575px){
    .two-slider, .three-slider {
          display: none;
    }
    .slider-col {
        width: 100%;
        padding: 0;
    }
    .home-three-slider-block {
        padding: 0 15px;
    }
    .common-heading h3, .last-work-title h3, .comment-text-block h3, .category-box-heading h3,
    .blog-explore-heading h3, .blog-image-content .common-heading h3, .blog-common-left-col .common-heading h3,
    .about-style-text h3, .last-post-title h3, .blog-details-box .blog-image-content .common-heading h3{
        font-size: 30px;
    }
    .last-post-list li a {
        font-size: 16px;
    }
    .last-work-box {
        min-height: 430px;
        margin-bottom: 70px;
    }
    .about-img-block img {
        max-width: 100%;
    }
    .last-work-slider.owl-theme .owl-nav [class*=owl-] {
        margin: 0 15px;
        color: #908372;
        width: 50px;
        height: 50px;
        border: 1px solid;
        line-height: 45px;
    }
    .last-work-slider.owl-theme .owl-nav [class*=owl-] span {
        font-size: 35px;
    }
    .last-work-slider.owl-theme .owl-nav {
        margin-top: 0;
    }
    .last-work-slider.owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
    }
    .blog-title .common-heading h3 {
        line-height: 1.2;
    }
    .blog-tab-common-block {
        padding: 50px 0 0;
    }
    .about-small-img {
        max-width: 68%;
    }
    .last-post-block, .instagram-block, .custom-calendar, .tags-block {
        margin-top: 30px;
    }
    .blog-tab-section {
        padding-bottom: 0;
    }
    .keep-reading-btn a {
        padding: 10px 20px;
    }
    .blog-design-slider.owl-carousel .owl-item img {
        min-height: 380px;
        object-fit: cover;
    }
    .blog-banner-slider-section {
         padding: 35px 0;
     }
    .blog-side-about-box, .last-post-block {
        padding: 25px 15px;
    }
    .filter-down-btn img {
        max-width: 40px;
    }
    .footer-col {
       width: 100%;
    }
    .footer-col + .footer-col {
        margin-top: 35px;
    }
    .footer-title h3 {
        font-size: 30px;
    }
    .footer-title h3:after, .footer-contact-block .footer-title h3:after {
        width: 40%;
    }
    .footer-desc p, .footer-email-phone a {
        font-size: 22px;
    }
    .footer-copyright p {
        font-size: 16px;
    }
    .footer-block {
        padding: 0 0 40px;
    }
    .last-item-title h3 {
        font-size: 25px;
    }
    .last-post-list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

}
@media screen and (max-width:450px){
    .last-work-box {
        min-height: 310px;
    }
    .day {
        width: auto;
    }
    .blog-tab-img img {
        max-height: unset;
    }
}
@media screen and (max-width:400px) {
    .last-work-box {
        min-height: 290px;
    }
    .logo p {
        font-size: 25px;
    }
    .blog-label {
        right: -43px;
        bottom: -16px;
        font-size: 25px;
    }
    .last-work-img {
        bottom: -35px;
    }
}

@media screen and (max-width:367px) {
    .last-work-box {
        min-height: 260px;
    }
    .day {
        padding: 8px;
    }
    .day-number {
        font-size: 20px;
    }
    .blog-slide-content {
        padding: 10px;
    }
    .blog-slide-content p {
        margin: 5px 0 10px;
    }
}
@media screen and (max-width:320px) {
    .last-work-box {
        min-height: 225px;
    }
}