@media screen and (max-width: 768px){
    .navbar-brand {
        font-size: 22px;
    }
    .navbar-brand img {
        width: 155px;
        margin: 0;
    }
    .navbar-toggler {
        padding: 0;
        border: 0;
    }
    .navbar .btn {
        margin: 10px 0 15px 0;
    }
    .dsm-none {
		display: none !important;
	}
    .dmd-none {
        display: inherit;
    }
    .top {
        margin: 0 -30px;
    }
    .navbar {
        padding: 10px 30px ;
    }
    .nav-link {
        padding: 7px 0px;
    }
    .dropdown-menu {
        box-shadow: none;
    }
    .tp-dp::after {
        top: 13px;
    }
    .sub-item .dropdown-item{
        padding: 10px 25px;
    }
    p{
        font-size: 15px;
    }
    h1 {
        font-size: 22px;
        margin-top: 20px;
    }
    h2 {
        font-size: 17px;
    }
    h3 {
        font-size: 21px;
    }
    h4 {
        font-size: 19px;
    }
    h5 {
        font-size: 17px;
    }
    .list-top li {
        font-size: 15px;
    }
    .text_space {
        margin-bottom: 25px;
    }
    .mb-sm-3{
        margin-bottom: 15px!important;
    }
    .mb-sm-5{
        margin-bottom: 25px!important;
    }
    #bannerCarousal h1 {
        font-size: 20px;
        margin: 0;
    }
    #bannerCarousal p {
        color: #fff;
        font-size: 16px;
        margin-bottom: 0px;
    }
    .nav-link:nth-child(1) {
        border-left: 0;
    }
    .nav-link {
        border-right: 0;
    }
    .navbar .btn-primary {
        color: #fff;
        background: #D6112C;
        text-transform: uppercase;
        font-size: 13px;
        padding: 4px 15px;
        border-radius: 0;
    }
    .navbar-nav:nth-child(1) {
        border-top: 1px solid #ccc;
        margin-top: 15px;
    }
    .about_home h2 {
        margin: 0px 0 15px 0;
        padding: 0;
    }
    .headLine {
        position: relative;
        padding-left: 10px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
    }
    .headLine::before {
        display: none;
    }
    .about_home .pl-5 {
        padding-left: 15px!important;
    }
    #bannerCarousal .container {
        padding: 0 30px;
    }
    .owl-feature .owl-nav .owl-prev, .owl-feature .owl-nav .owl-next {
        display: none;
    }
    .index section {
        padding: 35px 15px 40px 15px;
    }
    section {
        padding: 35px 15px 40px 15px;
    }
    .container-fluid {
        width: 100%;
        padding: 0 15px;
    }
    #bannerCarousal .container-fluid {
        padding: 0 30px;
    }
    .read_more {
        color: #FF5722;
        text-align: left;
        margin: 15px 0 0 0;
        font-size: 15px!important;
    }
    .headLine:after {
        height: 2px;
        margin: 2px 0 0 0;
    }
    body {
        padding: 50px 0 0 0;
    }



    .navbar .dropdown-menu .p-4 {
        padding: 0px 20px 15px 20px!important;
    }
    .megamenu .dropdown-menu .bg-white {
        box-shadow: none;
    }
    .megamenu:hover .dropdown-menu {
        border-top:0;
    }
    .megamenu:hover .dropdown-menu .head {
        margin-bottom: 0;
        margin-top: 15px;
    }    
    .btn {
        padding: 5px 15px;
    font-size: 12px;
    }
    .sec-head {
        margin-bottom: 5px!important;
    }
    .mbsm-3{
        margin-bottom: 15px!important;
    }
    .mbsm-4{
        margin-bottom: 20px!important;
    }

    #bannerCarousal {
        padding:0px!important;
    }



    .banner {
        padding: 0;
        background: #fff!important;
    }
    .banner .row {
        margin: 0;
    }
    .banner .col-md-6 {
        padding: 0;
    }
    .banner .pl-5 {
        padding: 0 30px!important;
    }
    .banner .pr{
        position: relative;
    }
    .banner .pa{
        position: absolute;
        padding: 0 30px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background-image: linear-gradient(to right, #ad2a018a , #0e4d5882);
        align-items: center;
        vertical-align: middle;
        display: flex;
    }
    .banner h1 {
        font-size: 25px;
        color: #fff;
        margin-top: -10px;
    }
    .banner p{
        color: #fff;
        max-width: 100%;
    }


    .home_about img{
        margin-bottom: 25px;
    }
    .home_about h5 {
        margin-bottom: 5px;
    }
    .home_about p {
        margin-bottom: 25px;
    }
    .progress_outer {
        margin: 27px 0;
    }
    .home_about .btn-primary.mt-4{
        margin-top: 10px!important;
    }
    .home_about .p-0 {
        padding: 35px 15px 0 15px!important;
    }
    .career .card {
        padding: 15px;
    }
    .growth img {
        width: 32px;
        margin-top: 20px;
    }
    .career .modal-body{
        padding: 50px;
    }
    .nws-img {
        padding: 0 15px;
    }
    .nws-img .col-md-5:nth-child(1) {
        margin: 0 0 20px 0;
    }
    #counters_2 {
        padding: 0px;
    }
    .service_home .effect-oscar {
        margin-bottom: 15px;
    }
    .service_home p {
        margin-bottom: 15px;
        width: 100%;
    }
    .service_home .btn {
        margin-bottom: 30px;
    }
    .service_home h5 {
        margin-bottom: 8px;
    }
    .ceo_home img {
        margin-bottom: 15px;
    }
    .ceo_home p {
        margin-bottom: 15px;
    }
    .ceo_home .btn {
        margin-bottom: 30px;
    }
    .ceo_home h5 {
        margin-bottom: 8px;
    }
    .news h5 {
        margin-bottom: 8px;
    }
    .owl-carousel .owl-item {
        padding: 0px 15px;
    }
    .footer .text-center{
        text-align: left!important;
    }

    .free_onsultation {
        padding: 35px 15px 95px 15px!important;
        background: linear-gradient(to bottom, #000000ba 0%,#000000f2 100%), url(../images/free_onsultation.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .free_onsultation .text-right {
        text-align: left!important;
    }
    .free_onsultation p {
        color: #fff;
        margin-bottom: 0;
    }
    .counts {
        padding: 0 15px!important;
    }
    .counts .box {
        background: #fff;
        padding: 40px 15px 25px 15px;
    }
    .counts .box i {
        font-size: 26px;
    }
    .counts .box h3 {
        margin-top: 10px;
        font-size: 24px;
        margin-bottom: 5px;
    }
    .counts .box p {
        font-size: 14px;
    }

    .services .pl-5, .px-5 {
        padding-left: 15px!important;
    }
    .services .pr-5, .px-5 {
        padding-right: 15px!important;
    }
    .services .pa img {
        width: 40px;
    }
    .services .pa h4 {
        margin: 0;
        font-size: 17px;
    }
    .news .row.mb-3{
        margin-bottom: 0!important;
    }




    .map .mt-5 {
        margin-top: 0rem!important;
    }
    .map .user {
        display: none;
    }



    .client_sec {
        background: linear-gradient(to bottom, #000000ba 0%,#000000f2 100%), url(../images/client_sec_bg.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 40px 15px 80px 15px!important;
        background-attachment: inherit;
    }
    .client_review {
        padding: 0 15px!important;
    }
    .client_review .owl-carousel {
        margin-top: -95px;
    }
    .client_review .card:hover {
        margin-top: 0px;
    }


    .bottom_sec {
        padding: 0px 15px 40px 15px!important;
    }
    .bottom_sec .card {
        margin-bottom: 30px;
    }
    .bottom_sec .col-md-4:nth-child(3) .card {
        margin-bottom: 0px;
    }
    .bottom_sec .card-body {
        padding: 25px;
    }


    .footer {
        padding: 40px 15px 30px 15px;
    }
    .footer h3 {
        font-size: 16px;
        margin-bottom: 0;
        margin-top: 20px;
    }
    .footer h3:after {
        display: none;
    }
    .footer hr {
        margin-top: 30px;
    }
    
    .contact_bg{
        background: #fff;
    }
    .c_detail .container-fluid{
        padding: 0 30px;
    }
    .box_white {
        background: #fff;
        padding: 30px 0px 40px 0;
    }
    .contact_bg hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .mission_vision .rights {
        padding-top: 20px;
        padding-left: 15px;
    }

    .ceo_banner .container-fluid{
        padding: 0 30px;
    }



    .inner_banner  {
        padding: 20px 15px;
    }
    .inner_banner img{
        display: none;
    }
    .breadcrumb {
        width: auto;
        margin: 0 auto;
        display: inline-flex;
    }
    


    .about_bottom .pdng {
        padding: 35px 30px 25px 30px;
    }
    .process {
        padding: 35px 15px 20px 15px;
    }
    .process .col-md-4 .num h2 {
        background:#f9f9f9!important;
    }
    .process .col-md-4:nth-child(1) .num h2 {
        background:#f9f9f9!important;
    }
    .process .col-md-4:nth-child(3) .num h2 {
        background:#f9f9f9!important;
    }
    .process .texts {
        padding: 5px 0px 0 0px;
    }
    .cnslt {
        padding: 35px 15px 40px 15px!important;
    }
    .service_collaps .btn-link {
        padding: 10px 20px;
    }
    .service_collaps .card-body {
        padding: 10px 20px;
    }
    [data-toggle="collapse"] .icon:before {  
        font-size: 11px;
        margin-left: 15px;
    }
    [data-toggle="collapse"].collapsed .icon:before {
        font-size: 11px;
    }
    #accordion01 .card:last-child{
        margin: 0;
    }



    .pricing .card {
        padding: 5px;
    }
    .pricing .card:hover {
        margin-top: 0px;
    }



    .contact_page hr {
        margin: 20px 0;
    }
    .contact_page .card {
        border: 0;
        padding: 30px;
        margin-bottom: 35px;
    }
    .contact_page .form-control {
        padding: 10px 15px;
        font-size: 13px;
        margin-bottom: 20px;
    }



    .blogs .card.recent-right {
        padding: 20px;
        margin-top: 10px;
    }
    .haq {
        padding: 20px;
    }
    .blogs .card.categories {
        padding: 20px;
        margin-bottom: 0px;
    }


    .dtl-top p {
        margin-bottom: 5px;
    }
    .dtl-top .col-auto:last-child p{
        margin-bottom: 0;
    }

    .box-calc {
        padding: 25px;
        margin: 30px 0 0 0;
    }
    .ttl-price {
        margin-top: 25px;
    }
    
}

@media screen and (max-width: 575px){
    .home_projects .col-md-3:nth-child(4) .box_outer {
        margin-bottom: 0px;
    }
}