@media screen and (max-width: 991px) {
    .items a {
        font-size: 12px;
    }

    .carusel-icon p {
        font-size: 17px;
    }
    /*.items{*/
    /*padding-top: 40px !important;*/
    /*}*/
    .bg-caption h1 {
        font-size: 20px;
    }

    .bg-caption p {
        font-size: 12px;
    }

    #menuToggle {
        margin-top: 7px;
    }

    .brend img {
        margin-top: 10px;
        width: 75%;
    }
    .carousel-control.left {
        left: -12px !important;
    }

    .carousel-control.right {
        right: -12px !important;
    }
    #menu .parent li a{
        font-size: 17px;
    }
    #menu .sub li a{
        font-size: 15px;
    }

}

@media screen and (max-width: 800px) {
    #menu .parent li a{
        font-size: 16px;
    }
}
@media screen and (max-width: 786px) {
    #menuToggle {
        left: 0;
    }

    #menu .parent li a{
        font-size: 15px;
    }
    #menu .sub li a{
        font-size: 13px;
    }
    .form-group {
        /*padding-top: 17px;*/
    }

    .navbar-form {
        padding: 0;
    }

    /*.brend {*/
    /*    padding: 0;*/
    /*    width: 32% !important;*/
    /*}*/

    .carousel-caption {
        left: 5% !important;
    }

    .carousel-caption h1 > span {
        font-size: 20px !important;
    }

    /*.carusel-icon > p {*/
    /*    font-size: 15px;*/
    /*}*/

    .bg-icon img {
        width: 30px;
        height: auto;
    }

    .bg-icon {
        width: 23%;
    }

    #menu {
        /*padding: 0;*/
        overflow: scroll;
    }

    .parent {
        display: block !important;
    }

    #map {
        height: 110% !important;
    }

    /*.carousel-control.left {*/
    /*    left: 0 !important;*/
    /*}*/

    /*.carousel-control.right {*/
    /*    right: 0 !important;*/
    /*}*/

    .carousel-caption h1 {
        padding-left: 25px !important;
        font-size: 25px !important;
    }

    .nakh-logo {
        padding-top: 10px !important;
    }

    .mobile_size{
        height: 900px !important;
    }
}

@media screen and (max-width: 767px) {
    .form {
        padding-top: 0 !important;
    }
    #menu .parent li a{
        font-size: 14px;
    }
    #menu .sub li a{
        font-size: 12px;
    }
    /*.brend {*/
    /*    width: 24%;*/
    /*}*/

    /*.brend img {*/
    /*    width: 37%;*/
    /*    margin-top: 5px;*/
    /*    text-align: left;*/
    /*}*/

    .items {
        padding-top: 40px;
        /*margin-top: -15px;*/
        text-align: center;
    }
    .brend img {
        width: 70px;
        height: 70px;
        margin-top: 5px;
    }
    .navbar-form{
        box-shadow: none!important;
        webkit-box-shadow:none !important;
    }
    .carusel-icon > p {
        font-size: 16px ;
    }
    .carousel-control.right {
        right: -1% !important;
    }
    .carousel-control.left {
        left: -1% !important;
    }
    .header_height{
        height: 87px;
    }

}
@media screen and (max-width: 600px) {
    .carusel-icon > p {
        font-size: 15px ;
    }
}

@media screen and (max-width: 720px) {
    #menu .parent li a{
        font-size: 12px;
    }
    #menu .sub li a{
        font-size: 10px;
    }
}
@media screen and (max-width: 660px) {
    .form {
        padding-top: 0 !important;
        margin-left: 10px !important;
        width: 100%;
    }
    .form-group{
        padding-top: 23px;
    }
    .items{
        padding-top: 25px;
    }
    #menuToggle {
        margin-top: -2px;
    }
    .menu-width{
        width: 100% !important;
        float:none !important;
    }
    #menu .parent li a{
        font-size: 18px;
    }
    #menu .sub li a{
        font-size: 16px;
    }
    #menu ul{
        display: block;
    }
    #menu{
        padding: 25px;
    }
    .sub li {
         text-align: left;
    }
}

@media screen and (max-width: 580px) {
.brend img {
    width: 70px;
    height: 70px;
    margin-top: 5px;
}
.bg-icon {
    width: 24%;
}
}
@media screen and (max-width: 524px) {
    .carusel-icon> p {
        font-size: 13px
    }
    .bg-caption p{
        font-size: 10px;
    }
    input[type="text"]::-webkit-input-placeholder {
        color:transparent !important;
    }
}
@media screen and (max-width: 463px) {
    #menu .parent li a{
        font-size: 16px;
    }
    #menu .sub li a{
        font-size: 14px;
    }
}
@media screen and (max-width: 455px) {
.carusel-icon> p {
    font-size: 11px
}
}
@media screen and (max-width: 431px) {
    .bg-icon {
        width: 23%;
    }
    .bg-caption{
        width: 80%;
        left: 39%;
    }
}
@media screen and (max-width: 419px) {
    #menu .parent li a{
        font-size: 14px;
    }
    #menu .sub li a{
        font-size: 12px;
    }
    #menu ul{
        padding-left: 0px;
    }
    #menu{
        padding: 10px;
    }
}
@media screen and (max-width: 400px) {
.items a{
    font-size: 12px;
}
.brend img {
    width: 55px;
    height: 55px;
    margin-top: 5px;
}
.carusel-icon> p {
    font-size: 10px
}
.padding-bottom h1{
    font-size: 32px;
}
}
@media screen and (max-width: 370px) {

}
@media screen and (max-width: 371px) {
    .items a{
        font-size: 10px;
    }
    .padding-bottom h1{
        font-size: 29px;
    }
}
@media screen and (max-width: 354px) {
.items{
    font-size: 12px;
}
.items a{
    font-size: 9px;
}
.carusel-icon> p {
    font-size: 8px
}
.padding-bottom h1{
    font-size: 27px;
}
}
@media screen and (max-width: 338px) {
    #menu .parent li a{
        font-size: 13px;
    }
}
@media screen and (max-width: 326px) {
.items{
    font-size: 11px;
}
.items a{
    font-size: 8px;
}
.padding-bottom h1{
    font-size: 26px;
}
}
@media screen and (min-width: 1800px) {
.custom_panel-heading {
    padding-right: 10px !important;
}
}