/*Smartphones (Portrait) */
@media (min-width: 320px) {
   .main-logo h1 a {
        font-size: 17px;
    }
}

/*Smartphones (Portrait)*/
@media (min-width: 360px) {
    
    
    
}

/*Smartphones (Portrait)*/
@media (min-width: 420px) {
    
}

/*Smartphones (Portrait)*/
@media (max-width: 767px) {

    /*** header ***/
    .hamburger-icon span {
        font-size: 14px;
    }

    .d-block {
        display: none;
    }

    .add-bg {
        /*        background-color: transparent;*/
    }

    .hr-nav {
        display: none;
    }

    .main-logo img {
        max-width: 100%;
    }

    .main-logo h1 {
        font-size: 18px;
        margin-top: 15px;
    }

    .main-logo h1 {
        margin-top: 10px;
        width: 211px;
    }

    .hamburger-icon span {
        margin: 10px 8px;
    }

    .hamburger-icon {
        margin: 0px;
    }

    .menu-wrapper .menu-content ul li a {
        font-size: 18px;
        font-weight: 300;
    }

    .menu-content .logo h1 {
        font-size: 24px;
    }
    
    .hamburger-icon img {
        margin-bottom: 3px;
    }


    .close-line-wrapper {
        right: 8px;
    }

    .hero-content img {
        max-width: 80%;
    }

    .hero-content h3 {
        font-size: 18px;
    }

    .menu-content {
        top: 4%;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .menu-content .logo, .menu-wrapper .menu-content ul, ul.social {
        text-align: left;
    }
    
    .menu-wrapper .menu-content ul {
        text-align: center;
/*
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
*/
    }
    
    ul.social {
        text-align: center;
    }

    .menu-content .logo h1, .menu-content .logo h1 a {
        font-size: 20px;
        margin-left: 10px;
    }

    ul.social h3 {
        font-size: 18px;
        font-weight: 700;
        color: #fff;
        padding-left: 14px;
    }

    ul.social li {
        margin: 0px 14px;
    }

    .main-carousel.owl-carousel .owl-nav .owl-prev,
    .main-carousel.owl-carousel .owl-nav .owl-next {
        font-size: 30px;
        padding: 0px 7px !important;
    }


    /**** main-carousel ****/

    .main-carousel.owl-carousel .owl-nav .owl-prev {
        left: 10px;
    }

    .main-carousel.owl-carousel .owl-nav .owl-next {
        float: right;
        right: 10px;
        left: auto;
        top: 50%;
    }

    .main-carousel.owl-carousel .owl-nav .owl-prev,
    .main-carousel.owl-carousel .owl-nav .owl-next {
        font-size: 30px;
        padding: 0px 7px !important;
    }

    .hero-content img.img-3 {
        max-width: 110%;
    }
    
    .main-carousel item img.main-img {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    
    .main-carousel-wrapper {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    
    .slider-section {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }

    /*** awards ****/

    .awrads-wrapper {
        margin-bottom: 20px;
    }
    
    .about-us-content h1 {
        margin-bottom: 20px;
    }
    
    .main-heading {
        margin-bottom: 20px;
    }
    
    .scroll-down {
        bottom: 6%;
    }

    /*** .home-about-wrapper ***/

    .home-about-wrapper,
    .projects {
        padding: 50px 0px;
    }
    
    .home-about-wrapper {
/*      margin-top: -17px;*/
    }

    .home-about-content h1 {
        font-size: 28px;
        margin: 10px 0px 20px;
    }

    /*** projects ***/

    .project-brief h1 {
        margin-top: 10px;
        font-size: 24px;
    }

    .hvr-sweep-to-right {
        font-size: 12px;
    }

    a.hvr-sweep-to-right i.fa {
        font-size: 16px;
    }

    .about-us-content {
        padding: 0px;
    }

    .about-us-content-wrapper {
        text-align: left;
        padding: 40px 0px;
    }

    #aniimated-thumbnials a {
        display: block;
        margin-bottom: 20px;
    }

    /*** footer ***/

    .footer-wrapper, .footer-wrapper p.right {
        text-align: center;
    }

    .projects-tab .nav-tabs > li {
        margin: 0px 5px;
    }

    #tabOne p {
        font-size: 14px;
    }

    .tab-content {
        margin-top: 20px;
    }

    .main-heading h1,
    .contact-form-wrapper h1 {
        font-size: 30px;
    }
    
    .main-heading p{ 
        font-size: 16px;
    }
    
    .about-top-banner { 
        height: 200px;
    }
    
    .about-top-banner h1 {
        margin-left: 40px;
        font-size: 20px;
    }
    
    .top-banner {
        height: 200px;
    }
    
    .top-banner h1 {
        font-size: 20px;
    }
    
    .project-pageswarpper, .media-table-wrapper, .contact-container {
        padding: 40px 0px;
    }
    
    .lity-youtube .lity-container {
        width: 90% !important;
    }
    
    .video-box {
        margin-bottom: 20px;
    }
    
    .t-right {
        text-align: center;
    }
    
    .benefits-icons img.team-img {
        width: 85px;
    }
}

/*Low Resolution Tablets, Mobiles (Landscape)*/
@media (min-width: 480px) and (max-width: 767px) {}



/* Tablets (Landscape) */
@media (min-width: 768px) {
    .about-us-content-wrapper {
/*        text-align: center;*/
    }
    
    .main-logo h1 a {
        font-size: 20px;
    }
    
    ul.social h3 {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        padding-left: 0px;
    }
    
    .main-logo h1 {
        margin-top: 4px;
    }
}

/*Ipad*/
@media (min-width: 992px) {
    
}

/*Desktops*/
@media (min-width: 1200px) {
    .main-carousel item img.main-img {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    
    .main-carousel-wrapper {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    
    .slider-section {
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
}

@media (min-width: 1366px) {
    
}

@media (min-width: 1400px) {
    .main-logo img {
        max-width: 48%;
    }
}

@media (min-width: 1600px) {
    
}

@media (min-width: 1920px) {
    
}