/*- phone devices -*/

@media (min-width:320px) and (max-width:600px) {
    .feautes-section .section-title,
    .get-in-touch .container {
        padding: 0;
    }
    .feautes-section .single-features::before,
    .home-slider.owl-theme .owl-nav,
    .slider-contant ul,
    .top-bar {
        display: none;
    }
    .slider-contant h3 {
        font-size: 19px;
        margin: 0;
        line-height: 26px;
    }
    .slider-contant p {
        font-size: 11px;
        line-height: 12px;
        margin: 5px 0;
        display: none;
    }
    .slider-contant {
        top: 20%;
        left: 6%;
        width: 60%;
    }
    .navigation {
        background: #1d213e;
    }
    .nav-mobile {
        top: 14px;
    }
    .brand img {
        height: 80px;
        padding: 4px;
        background: #fff;
        margin: 10px;
        width: 130px;
    }
    .icon-box {
        padding: 15px;
        height: 150px;
    }
    .about-content h4,
    .feautes-section .section-title h2,
    h4.title,
    .section-title-content h2 {
        font-size: 1.4rem;
    }
    .btn-top {
        margin-bottom: 20px;
    }
    .about-sec,
    .feautes-section,
    .contact-info-section {
        padding: 10px 0;
    }
    .iconbox {
        margin: 15px 0;
        text-align: left;
    }
    .iconbox .icon {
        float: left;
    }
    .iconbox .icon-text {
        padding-left: 10px;
    }
    .get-in-touch {
        padding: 30px 0;
        background-position: center;
        overflow: hidden;
    }
    .get-in-touch h2 {
        font-size: 30px;
    }
    ul.nav-list {
        height: 100vh;
        background: #fff;
        margin-top: 25px;
        z-index: 99999;
        position: relative;
    }
    ul.nav-list li {
        display: inline;
    }
    ul.nav-list li a {
        background: unset !important;
        padding: 4px 10px;
        color: #000 !important;
        line-height: 20px;
        font-size: 24px;
    }
    .nav-list .active a {
        color: #000 !important;
    }
    .about-content p b {
        line-height: 40px;
    }
    .about-icon {
        margin-bottom: 10px;
    }
    .breadcrumb-sec {
        height: 140px;
    }
    .banner-title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0px;
    }
    .contact-details-box {
        padding: 30px 30px 30px 115px;
    }
    .contact-details-box-icon {
        left: 40px;
    }
    .contact-form h2 {
        font-size: 30px;
        line-height: 45px;
    }
}