/*Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }*/

@media (max-width: 1199.98px) {
   
 
.sk-navbar {
    padding: 45px 20px 45px 40px;
}
    
nav ul li a {
   margin: 0px 16px;
} 
    
.sk-navbar-white {
    background: #fff;
    height: 60px;
    padding: 0px 20px 0px 40px;
}
    
.sk-navbar-sub {
    padding: 25px 20px 25px 40px;
}
    
.work-container {
    max-width: 1080px;
    
}    
#work h2 {
   
    margin-bottom: 80px;
}  
.work-container {
    padding-bottom: 150px;
} 
    
/*----------------subpage-----------*/    
    
.text-container {
        padding-left: 80px;
}  
    
.imgs-container {
    padding-bottom: 60px;    
}
    
/*----------------about---------------*/    
    
 .bg-about {
   padding-left: 22%;
}   
.about-text-wrapp {
    padding-left: 22%;    

}

/*----------------------------------------------------------------------
--------------------------------------------------------------------*/


@media (max-width: 991.98px) { 
    
.flowers {
    width: 100%;
}
    
#hero-content {
    min-height: 550px;
}
    
.hero-content-left {
    width: 100%;
    height: 100%;
}
    
.hero-content-right {
    display: none;
}
    
.social {
    top: 150px;
    font-size: 13.5px;
}
    
.sk-btn{
    right: 50%;
    -webkit-transform: translateX(50%);transform: translateX(50%);    
}
    
.hero-conten-text {
    text-align: center;
    width: 100%;  
    -webkit-transform: translateY(-20%);transform: translateY(-20%);
}
    
.line {
    background: #fff;
    height: 1px;
}
    
h4 {
    font-size: 1.3rem;
    letter-spacing: .04rem;
    line-height: 1.7rem;
    margin-bottom: 40px;
    color: #fff;
    font-weight: 300;
}
    
h1 {
    color: #fff;
    font-size: 3.4rem;    
}
    
.sk-navbar {
    padding: 30px 30px 30px 40px;
}
    
.sk-navbar-white {
    padding: 0px 30px 0px 40px;
}  
    
.sk-navbar-sub {
    padding: 15px 30px 15px 40px;
}      
    
nav ul li a {
    font-size: 14.5px;
    letter-spacing: 0.6px;
    margin: 14px 0px;
    color: #f9f9f9;
    font-weight: 300;
}
    
nav ul {
    position: absolute;
    top: 50%;  
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}  
    
.m-line {
    width: 1px;
    height: 40px;
    
}
    
.btn-menu-sk {
    z-index: 3000; 
    padding-right: 0;
} 
    
.mbl-nav-wrap {
    width: 100%;
    height: 100vh;
   position: relative;
    min-height: 530px;
}
    
.sk-navbar-col-mbl {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(37,49,54,1);
    z-index: -1;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
} 
    
    
/*---------------work------------*/
    
.items {
    height: 330px;
} 
    
#work h2 {
    font-size: 2.8rem; 
}
    
.text-menu {
    margin-bottom: 50px;
}
    
.back-link {
   margin-bottom: 100px;
}    
    
/*----------------footer--------------*/
    
footer {
    padding-top: 60px;
    padding-bottom: 20px;
}
    
footer img {
    margin-top: 0px;
    margin-bottom: 65px;
}
    
.social-bottom {
    margin-bottom: 16px;    
}
    
    
/*------------------subpage----------------*/
    
.imgs-container {
    margin-top: 50px;    
    
}
    
.imgs-container img {
    margin-bottom: 26px;
    
} 

.singlepage-content {
   padding-top: 200px;
}
    
/*--------------------about page---------------------*/
    
 .bg-about {
   padding-left: 10%;
   height: 220px;
   padding-top: 50px; 
}   
.about-text-wrapp {
    padding-left: 10%;    

}    

}
    
/*--------------------------------------------------------------------
-------------------------------------------------------------------*/


@media (max-width: 767.98px) {
    
.work-container {
    max-width: 528px;
}
 
.work-container {
    padding-bottom: 100px;
} 
    
.text-menu {
    width: 100%;    
}

/*------------------subpage----------------*/      
    
.singlepage-content {
    height: auto;
    padding-top: 120px;
} 

p.singlepage-text{
   margin-top: 4px;
}
    
.text-container {
    padding-left: 35px;
    padding-right: 35px;
}

.imgs-container {
    padding: 0px 35px 60px 35px;
     margin-top: 25px; 
}
    

.imgs-container img {
    margin-bottom: 18px;
    
}  
    
 .about-text-wrapp {
    margin-top: 40px;
    font-size: 16px;
    line-height: 2;
    padding-right: 60px;
     margin-bottom: 100px;

}
.hero-conten-text {
    -webkit-transform: translateY(-30%);transform: translateY(-30%);
}
    

/*--------------------------------------------------------------------
-------------------------------------------------------------------*/


@media (max-width: 575.98px) {
    
.sk-navbar {
    padding: 0px 25px 0px 20px;
    height: 80px;
}

.sk-navbar-white {
    padding: 0px 25px 0px 20px;
}
    
.sk-navbar-sub {
    padding: 15px 25px 15px 20px;
}          
    
h4 {
    font-size: 1.1rem;
}
    
h1 {
    font-size: 3rem;    
}   

.items {
    height: 300px;
}  
    
/*---------------------subpage------------*/    
    
.singlepage-content h2 {
    font-size: 26px;
}

p.singlepage-text{
   margin-top: 10px;
   font-size: 13px;
}
    
 .text-container {
    padding-left: 25px;
    padding-right: 25px;
}

.imgs-container {
    padding: 0px 25px 50px 25px;
} 
    
/*-------------about---------------*/    
    
.about-text-wrapp {
    padding-right: 45px;
}

}