@media screen and (max-width:364px) {
    .navbar-brand {
        padding: 0 0 0 27px;
        width: 75%;
        margin-right: 0;
    }
    .navbar-brand img {
        width: 30%;
    }
    .btn-red {
        color: #fff;
        background-color: #cc850b;
        border-color: #cc850b;
        padding: 5px;
        float: left;
    }
    .c_form {
        background: #f6f9fc;
        padding: 0 30px ;
    }
}
@media(max-width: 1199px){
    .contact-add p{
        font-size: 14px;
    }
}
@media screen and (max-width:991px) {    
    .msg{
        margin: 0 0 0 0;
    }
    .hv{
        display: inherit;
    }
    .navbar-light .navbar-brand img {
        position: relative;
        top: 0;
    }
    .navbar-light .navbar-toggler{
        border-color: transparent;
        color: #000;
    }
    .navbar-light .navbar-toggler:focus{
        border: none;
        box-shadow: 0;
        outline: none;
    }
    .navbar-brand img {
        width: 50%;
    }
    .top_sec .btn-red {
        margin: 0 0 20px 0;
    }
    .top_sec h4 {
        margin: 15px 0 0 0 !important;
    }
    .techno-section .mt-6{
        margin-top: 0;
    }
    .navbar-nav .pl-3{
        padding: 7px 30px 22px 30px !important;
    }
    .navbar-nav .nav-link {
        padding: 7px 30px!important;
    }
    .navbar-brand {
        padding: 0 0 0 15px;
    }
    .bdr-sm {
        border-top: 1px solid #eaeaea;
    }
    .ctc {
        display: inline-block;
    }
    .atchive-sec .card {
        margin-bottom: 20px;
    }
    .sec-service .card-body {
        padding: 0;
        min-height: 300px;
    }
    .msg-sec h3 {
        margin: 6px 0 0 0;
    }
    section{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .techno-section .pt-7, .py-7 {
        padding-top: 0rem !important;
    }
    .carousel-item .d-none{display: none!important;}
    .carousel-caption h2 {
        font-size: 20px;
        text-align: center;
        line-height: 29px;
    }
    .crsl-indicators li::after {
        content: " ";
        border: solid 2px #ccc;
        display: block;
        width: 21px;
        margin: -16px 0 15px -30px;
        padding: 0;
    }
    .crsl-indicators li {
        padding: 0 19px;
        font-size: 20px;
    }
    .crsl-indicators {
        bottom: 9px;
    }
    .abt-bx-ico {
        padding: 15px 0 !important;
        background: none !important;
    }
    .abt-bx .float-right {
        float: none !important;
        margin: 0 auto;
    }
    .abt-bx .card {
        text-align: center;
    }
    figure.effect-sadie h3 {
        font-size: 29px!important;
        padding: 0 20px 0 0!important;
    }
    figure.effect-sadie p {
        padding: 0 20px 0 0!important;
    }
    figure.effect-sadie h2 {
        padding: 0 20px 0 0!important;
    }
    .about-bx {
        margin: 0 0 25px 0;
    }
    .vision .card-body {
        padding: 25px;
    }
    .vision .card {
        margin: 0 0 25px 0;
    }
    .navbar-toggler {
        padding: 0 25px 0 0;
    }
    .grid {
        padding: 0!important;
    }
    .blog .card {
        margin: 0 0 25px 0;
    }
    .msg-sec .carousel-indicators {
        bottom: -38px;
    }
    .msg-sec{
        padding: 35px 0 45px 0;
    }
    .footer-main {
        padding: 45px 0 0 0;
    }
    .teams h2, .values h2, .products h2, .techno-section h2, .sec-service h2, .atchive-sec h2, .msg-sec h2, .banner-sec h1 {
        font-size: 28px;
        text-transform: uppercase;
    }
    .career .card-body {
        padding: 0;
    }
    .career .card {
        padding: 25px 30px 25px 30px;
    }
    .cr_bg {
        min-height: 10px;
        padding: 15px 0 0 0;
    }
    .msg img {
        margin: 0 0 10px 0;
    }
    .contact-add{
        margin-bottom: 25px;
    }
    .contact-section .col-lg-4:last-child .contact-add{
        margin-bottom: 0;
    }
    .contact-form {
        padding: 50px;
    }
    .top_sec h4, .top_sec p{
        text-align: center;
    }
    .btn-red{
        float: none;
    }
    .test-image{
        margin: 0 auto
    }
    .navbar-expand-lg .navbar-nav .nav-link.active, .navbar-expand-lg .navbar-nav .nav-link:hover {
        background-color: transparent;
        color: rgba(0,0,0,0.5);
    }
    .navbar-bootbites #navbarResponsive{
        display: none;
    }
    .menu-all{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .mob-menu {
        position: absolute;
        top: 100%;
        width: 100%;
        background-color: #fff;
        border-top: 1px solid rgba(0,0,0,0.5);
        padding: 20px 30px;
        border-bottom: 1px solid rgba(0,0,0,0.5);
    }
    .mob-menu a{
        padding: 7px 0;
        color: rgba(0,0,0,.5);
        display: block;
        text-decoration: none;
    }
    .mob-menu a i{
        float: right;
    }
    .nav-list li{
        position: relative;
    }
    .sub-menu-toggle {
        display: block;
        position: absolute;
        right: 15px;
        top: 6px;
        cursor: pointer;
    }
    .mob-sub-menu{
        padding: 0 20px;
    }
}
@media(max-width: 767px){
    .contact-form {
        padding: 50px 15px;
    }
    .contact-form-section .col-md-6.pr-0{
        padding-left: 0;
    }
    .vision-content .pr-0{
        padding-right: 15px !important;
    }
    .vision-content .pl-0{
        padding-left: 15px !important;
    }
    .vision-content{margin-bottom: 15px;}
    .owl-theme .owl-nav.disabled+.owl-dots{
        margin-top: 0;
    }
}