
/******** min 768 ********/
@media (min-width: 768px) {
    
    
}



/******** min 992 ********/
@media (min-width: 992px) {
    
    
}



/******** min 1200 ********/
@media (min-width: 1200px) {
    
    
}



/******** max 767 ********/
@media (max-width: 767px) {
  
    
}



/******** min 768 & max 991 ********/
@media (min-width: 768px) and (max-width: 991px) {

    
}



/******** min 992 & max 1199 ********/
@media (min-width: 992px) and (max-width: 1199px) {

    
}



/******** max 1199 ********/
@media (max-width: 1199px) {

    
}



/******** max 1024 ********/
@media (max-width: 1024px) {
    
    
}



/******** max 900 ********/
@media screen and (max-width: 900px) {
  
    
}



/******** max 767 ********/
@media screen and (max-width: 767px) {
    .coming-container .center-box {
        width: auto;
        height: inherit;
    }
    .coming-container .head-logo {
        left: 16px;
        top: 22px;
        z-index: 10;
    }
    .coming-container .head-logo img {
        width: 60px;
    }
    .coming-container .center-box .logo-title {
        width: 100%;
        margin: -36px 0 0 0;
        transform: scale(0.6);
    }
    .coming-container .center-box .footer-logo svg,
    .coming-container .center-box .logo-title svg{
        width: inherit;
    }
    .coming-container .center-box .form .title {
        font-size: 17px;
        margin: -17px 0 -3px 0;
    }
    .coming-container .center-box .footer-logo {
        width: 100%;
        margin: -17px auto 0 auto;
        transform: scale(0.7);
    }
    .coming-container .center-box .gform_wrapper form .gform_footer input[type="submit"] {
        padding: 11px 22px;
    }
    .coming-container .center-box .gform_wrapper form {
        width: 100%;
    }
    .coming-container .center-box .social {
        margin: -10px auto 30px auto;
    }
    .coming-container .center-box .footer-coming{
            margin-bottom: 30px;
    }
    .header-nitanoo .container {
        padding: 15px 11px 0 11px;
    }
    .home-top-banner .text {
        font-size: 29px;
    }
    .home-top-banner .text .text-2 {
        font-size: 17px;
    }
    .home .scroll-to-content {
        bottom: 27px;
    }
    .home-about{
        width: 100%;
        margin: 0 auto;
        padding: 0 36px;
        text-align: center;
        display: table-cell;
    }
    .home-about .description {
        width: auto;
        font-size: 16px;
        text-align: justify;
        margin: 24px auto 19px auto;
        line-height: 32px;
    }
    .home-projects .nav-item {
        margin: 0 5px 13px 5px;
        font-size: 13px;
    }
    .home-projects .portfolio {
        margin: -33px 0 0 0;
    }
    .home-projects .project {
        width: 100%;
        padding-bottom: 100%;
    }
    .nitanoo-footer .social {
        padding: 3px 13px 0 13px;
        font-size: 17px;
        display: flex;
        flex-wrap: wrap;
    }
    .about-content .image img {
        margin: 23px 0 11px 0;
    }
    .about-content .mx-width {
        display: block;
        padding: 0 25px;
    }
    .about-content .image {
        width: 100%;
        height: fit-content;
    }
    .about-content .content {
        width: 100%;
        padding: 0;
        font-size: 18px;
        line-height: 34px;
    }
    .about-content .content h2 {
        line-height: 39px;
        font-size: 28px;
        margin: 0 0 16px 0;
    }
    .about-content .image img.title {
        width: 76%;
        margin: 46px auto -74px auto;
    }
    .single-project-content .content {
        font-size: 16px;
        text-align: justify;
        line-height: 34px;
        padding: 0;
    }
    .single-project-content .mx-width {
        display: block;
        padding: 23% 23px 17px 23px;
    }
    .single-project-content .title {
        font-size: 33px;
    }
    .single-project-content .pic {
        width: 100%;
    }









    
}



/******** max 600 ********/
@media screen and (max-width: 600px) {
   
    
}



/******** max 480 ********/
@media screen and (max-width: 480px) {
    
    
}