@media (min-width: 768px) {
    body{
        font-size: 14px;
        line-height: 23px;
    }
    .container-sm{
        max-width: 720px;
    }
    p{
        font-size: 14px;
        line-height: 23px;
    }
    .heading{
        font-size: 22px;
        line-height: 26px;
    }
    .big-heading{
        font-size: 25px;
        line-height: 30px;
    }
    .handwritten-font{
        font-size: 55px;
    }
    header.header-primary p{
        margin-bottom: 0px;
    }
    header.header-primary h2{
        padding-top: 0;
    }
    .header-primary .image,
    .header-primary .image{
        height: 290px;
    }
    .brief-offer,
    .brief-about,
    .brief-blog,
    .opinion-phone,
    .faq,
    .posts,
    .contact,
    .facts{
        padding: 75px 0;
    }
    p.uppercase{
        font-size: 11px;
        letter-spacing: 0.5px;
    }
    .btn.btn-primary,
    .contact .contact-form input[type="submit"]{
        font-size: 12.7px;
        padding: 9px 0;
        width: 140px;
    }
    .btn.btn-secondary{
        font-size: 12.7px;
    }
    .btn.btn-secondary span{
        font-size: 11px;
    }
    .post-item .image,
    .gallery-folders .folder .image{
        height: 300px;
    }
    .post-item .post-title,
    .gallery-folders .folder p{
        font-size: 18px;
        line-height: 25px;
        width: auto;
    }
    .social-media-links ul li a,
    header #nav .social-media-links ul li a{
        font-size: 14px;
    }
    header #nav .nav-close{
        right: 25px;
    }

    header .toolbar{
        padding-top: 35px;
    }
    header .toolbar .nav-alt {
        display: block;
        margin: 0 0 0 auto;
    }
    header .toolbar .nav-alt a {
        padding: 0 10px;
        text-transform: uppercase;
        color: #f4f4f4;
        font-size: 13.6px;
        letter-spacing: 0.3px;
        transition: all 0.3s;
        font-weight: 500;
    }
    header .toolbar .nav-alt li:last-of-type a {
        padding-right: 0;
    }
    header .toolbar .nav-alt a:hover{
        color: #cccccc;
    }
    header .toolbar .additional-icon-links {
        margin: 0 20px;
    }
    header .toolbar .menu a span {
        font-size: 32px;
    }
    header .toolbar .menu p{
        font-size: 11px;
    }

    header .toolbar.sticky .nav-alt a {
        color: #333;
    }


    header #nav .md-view{
        display: block;
    }
    header .md-view .nav-image{
        height: 300px;
        margin-right: 25px;
    }
    header #nav.active{
        background-color: var(--secondary-color);
        width: 540px;
        right: 0;
        left: auto;
        height: auto;
        padding: 60px 0;
    }
    header #nav .big-font{
        display: none;
    }
    header #nav ul{
        margin-top: 0;
    }
    header #nav ul li{
        padding-bottom: 12px;
    }
    header #nav ul li a{
        font-size: 11px;
    }

    .header-home .slider-social-media{
        display: block;
    }
    .header-home .slider-social-media li{
        padding-bottom: 8px;
    }
    .header-home .slider-social-media li:last-of-type{
        padding-bottom: 0;
    }
    .header-home .slider-social-media li a{
        font-size: 15px;
        transition: all 0.4s;
    }
    .header-home .slider-social-media li a:hover{
        color: rgba(255,255,255,0.65);
    }
    .under-header .image-quadrat{
        width: 280px;
        height: 360px;
    }
    .under-header .image-round{
        height: 230px;
        margin: 210px 0 0 auto;
        border: 5px solid #fff;
    }
    .brief-offer .row{
        display: flex;
        align-items: center;
    }
    .brief-offer .item{
        margin-right: 20px;
    }
    .brief-offer .image{
        margin: 0;
        height: 440px;
    }
    .brief-offer .item .heading span{
        font-size: 14px;
        margin-left: 6px;
    }
    .brief-gallery .handwritten-font{
        font-size: 85px;
    }
    .brief-gallery{
        padding: 90px 0;
    }
    .brief-gallery p{
        width: 360px;
        margin: 0 auto;
    }
    .brief-about .short-text .big-heading{
        padding-top: 10px;
    }
    .brief-about .background-image{
        width: 260px;
        height: 380px;
    }
    .brief-about .first-image.image{
        height: 420px;
        margin: 0 20px 20px 0;
    }
    .brief-about .about-image.image{
        height: 460px;
        margin-bottom: 0;
    }
    .brief-about .short-about p{
        text-align: left;
    }
    .brief-about .short-about{
        margin-right: 20px;
        text-align: left;
        padding-top: 20px;
    }
    .brief-about .short-about .btn-primary{
        margin: 30px 0 0 0;
    }
    .details .container.container-sm {
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .pins ul li:nth-child(-n+4),
    .pins ul li:nth-child(-n+5){
        display: block;
    }
    .pins ul li:nth-child(1),
    .pins ul li:nth-child(2),
    .pins ul li:nth-child(3),
    .pins ul li:nth-child(4),
    .pins ul li:nth-child(5){
        width: 20% !important;
    }
    footer .social-media-links{
        padding: 8px 0;
    }
    .pins ul li .img{
        height: 160px;
    }
    footer .footer-newsletter{
        padding: 30px;
        border-top-left-radius:50%;
        border-top-right-radius:50%;
        width: 258px;
    }
    footer .author a{
        font-size: 11px;
        letter-spacing: 1.5px;
    }
    .about.section-I{
        padding: 40px 0 90px;
    }
    .about.section-I .image{
        height: 440px;
    }
    .about.section-I .row{
        display: flex;
        align-items: center;
    }
    .about.section-I .big-heading{
        text-align: left;
        padding: 0 0 20px 0;
    }
    .about.section-II{
        padding: 50px 0;
    }
    .about.section-II .content{
        text-align: inherit;
    }
    .facts .row{
        display: flex;
        align-items: center;
    }
    .facts .image{
        width: 100%;
        margin-bottom: 0;
    }
    .facts .item:first-of-type .first{
        padding-top: 0;
    }
    .team{
        padding: 100px 0;
        background: linear-gradient(180deg, rgba(238,223,209,1) 270px, rgba(255,255,255,1) 100px);
    }
    .team .item{
        padding-bottom: 0;
    }
    .team .item .image{
        height: 260px;
    }
    .team .item .social-media{
        width: 160px;
    }
    .team .item .social-media ul li a{
        font-size: 13px;
    }
    .team .item .content p.name{
        font-size: 15px;
    }
    .listing .item i{
        font-size: 26px;
    }
    .how-works .item{
        margin-bottom: 0;
        padding: 0 15px;
    }
    .how-works .item .content{
        padding: 15px 0
    }
    .how-works .item .content .image{
        height: 200px;
    }
    .how-works .item .content{
        max-width: 100%;
    }
    .how-works .item .content p.number{
        font-size: 37px;
    }
    .how-works .item .content p.uppercase{
        font-size: 13px;
    }
    .brief-blog .post-item{
        margin-bottom: 0;
    }
    .brief-blog .big-heading{
        padding-bottom: 10px;
    }
    .brief-blog .btn.btn-secondary,
    .gallery-folders .big-heading{
        margin-bottom: 30px;
    }

    .details{
        background-color: #fff;
    }
    .details .item .included{
        background-color: #fffcf8;
    }
    .details .offer-list .container{
        display: flex;
    }
    .details .offer-list,
    .blog-categories{
        padding: 10px 0;
    }
    .details .big-heading{
        display: none;
    }
    .details .offer-list ul{
        display: flex;
    }
    .details .offer-list ul li {
        margin-left: 10px;
    }
    .details .offer-list ul li{
        padding: 0 4px;
    }
    .details .offer-list p.uppercase,
    .details .offer-list ul li a p.uppercase{
        font-size: 13px;
        letter-spacing: 0.4px;
        padding-bottom: 0px;
    }
    .details .big-heading.md-size{
        display: block;
        transform: rotate(0deg);
        position: static;
        left:0;
        top:0;
        padding: 40px 0 10px;
    }
    .details .item .content{
        width: 360px;
        margin: 0 0 0 auto;
        padding-right: 30px;
    }
    .details .item .content p{
        text-align: inherit;
    }
    .details .item .image-big {
        width: 310px;
        height: 420px;
        margin: 0 0 0 auto;
        z-index: 1;
    }
    .details .item .image-small{
        z-index: 2;
        right: 160px;
        height: 260px;
        width: 210px;
        top: 75px;
    }
    .details .item .btn.btn-primary{
        margin: 30px 0 0;
    }
    .details .item .included{
        padding: 15px 10px;
        width: 220px;
        position: absolute;
        right: 200px;
        bottom: 0;
        z-index: 3;
    }
    .details .item .included ol li{
        padding: 0 0 3px 0;
    }
    .opinion .opinion-background{
        background-color: #fbf9f4;
        padding: 40px;
    }
    .opinion .swiper-slide{
        min-height: auto;
    }
    .opinion .row{
        display: flex;
        align-items: center;
    }
    .opinion .content{
        margin-left: 20px;
    }
    .opinion .image{
        border-radius: 0%;
        margin: 0 auto;
        height: 420px;
        width: 100%;
    }
    .gallery-folders .folder .image{
        margin-bottom: 0;
    }
    .blog-categories .container{
        display: flex;
    }
    .blog-categories .categories-list ul{
        display: flex;
    }
    .blog-categories .categories-list ul li{
        padding: 0 5px;
    }
    .blog-categories p.uppercase{
        padding-bottom: 0;
    }
    .posts{
        padding: 40px 0;
    }
    .posts .post-item .content{
        padding: 0 24px;
        height: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .sidebar{
        display: block;
        position: sticky;
        top: 40px;
    }
    .sidebar .sidebar-about .image{
        height: 178px;
        margin-bottom: 10px;
    }
    .sidebar .sidebar-about{
        text-align: center;
    }
    .sidebar .sidebar-about:hover p{
        color: var(--primary-color);
    }
    .sidebar .social-media-links{
        padding: 60px 0;
    }
    .sidebar .social-media-links ul{
        justify-content: center;
    }
    .sidebar .social-media-links ul li a{
        color: var(--secondary-color);
    }
    .sidebar .popular-posts .sidebar-heading{
        font-size: 21px;
        font-family: var(--secondary-font);
        text-align: center;
        padding-bottom: 30px;
    }
    .sidebar .popular-post{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-bottom: 20px;
        transition: all 0.5s;
    }
    .sidebar .popular-post:hover{
        color: var(--tertiary-color);
    }
    .sidebar .popular-post:last-of-type{
        padding-bottom: 0;
    }
    .sidebar .popular-post .number{
        font-size: 23px;
        padding-right: 6px;
        line-height: 1;
    }
    .paggination-secondary{
        margin-top: 100px;
    }


    .contact .image{
        display: block;
        height: 460px;
        border-top-left-radius:47%;
        border-top-right-radius:47%;
        background-position: center top -50px;
    }
    .gallery-folders .folder{
        margin-bottom: 0;
    }
    .gallery-folders .big-heading{
        top: -90px;
        left: -368px;
        font-size: 30px;
    }
    .newsletter .modal-container .content{
        padding: 20px 20px 0 0;
    }
    .newsletter .modal-dialog{
        max-width: 650px;
    }
    .newsletter .modal-container .image{
        height: 450px;
    }

    /*---------------------------
        GALLERY
    ---------------------------*/
    .galleries .container{
        max-width: 720px;
    }
    .section-gallery.gallery-a .gallery-image{
        height: 400px;
    }
    .section-gallery.gallery-a .swiper-button-next:after,
    .section-gallery.gallery-a .swiper-button-prev:after{
        font-size: 21px;
    }

    .section-gallery.gallery-b .gallery-image{
        height: 400px;
    }
    .section-gallery.gallery-b .swiper-button-next:after,
    .section-gallery.gallery-b .swiper-button-prev:after{
        font-size: 21px;
    }

    .section-gallery.gallery-c .swiper .swiper-slide .gallery-image {
        width: calc(50% - 20px);
        height: 450px;
    }
    .section-gallery.gallery-c .btn-next{
        margin-top: 35px;
    }

    .section-gallery.gallery-d .gallery-images .gallery-image { 
        width: calc(100% / 3 - 15px);
    }
    .section-gallery.gallery-d .gallery-images .gallery-image:nth-child(1n+1) {
        height: 250px;
    }
    .section-gallery.gallery-d .gallery-images .gallery-image:nth-child(2n+1) {
        height: 310px;
    }
    .section-gallery.gallery-d .gallery-images .gallery-image:nth-child(3n+1) {
        height: 280px;
    }
    .section-gallery.gallery-d .gallery-images .gallery-image:nth-child(4n+1) {
        height: 220px;
    }

    /*---------------------------
    POST-CONTENT
    ---------------------------*/
    .post-content{
        width: 100%;
        font-size: 10px;
    }
    .post-content p{
        font-size: 1.4em;
        line-height: 23px;
    }
    .blog-sidebar{
        display: block;
    }
}