/*home-page*/
@media (min-width: 1200px) {
    .fixed-top {
        position: relative;
    }
    
    nav.navbar.navbar-expand-sm.offcanvas-desktop .col-md-3 {
        padding-left: 0;
    }

    .service-details .ser-details-img {
        height: 410px;
    }

    .contact ul.social-icons {
        width: 65%;
    }

    .location-temp .col-lg-7.col-md-12.cont-form {
        padding: 0 18% 0 1%;
    }

    .track-faq form#searchform {
        margin-right: -6%;
        margin-left: 73%;
    }

    .track-faq h4 {
        float: left;
    }

    .page-not-found .img-thumbnail img {
        width: 510px;
    }

    .page-not-found .img-thumbnail {
        position: absolute;
    }

    #login button.close {
        margin-right: -60px;
    }

    .location-temp .col-lg-7.col-md-12.cont-form:after {
        position: absolute;
        right: 68px;
        bottom: 160px;
    }

    .contact .cont-desc .other-cont-area {
        width: 400px;
    }
    
    .faq-section.about-us .title-section.t-border.pb-60 {
        padding: 0 30px 30px 0px;
    }
    
    .faq-section.about-us .col-lg-6.col-md-12, .faq-section.about-us .card-header {
        padding-left: 0;
    }
    
    .faq-section.about-us .card-body {
        padding: 20px 30px;
    }
    
    .who-section .who-desc {
        padding: 0 0 0 15%;
    }
    
    .who-section .about-img-inner {
        padding: 40px 40px 0 40px;
    }
    
    .offer-section .col-md-6.choose-desc ul {
        height: 330px;
    }
    
    .row {
        margin: -5px 0!important;
    }
    
    .service-details ul.list{
        margin-bottom: 25px;
    }
    
    .col-lg-12.col-md-12.serv-para {
        margin: 20px 0;
        padding-left: 0;
    }
    
    .service-details .ser-details-img, .service-details .ser-dess {
        padding-left: 0;
    }
    
    .blog-deatils .row.single-blog {
        padding: 30px 0;
    }   
    
    .blog-page .single-blog .text-left {
        padding: 0;
    }
    
    .blog-detail-page .comment-section .pull_left_comment {
        margin-top: 30px;
        
    }
    
    .blog_post {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .first-menu .fixed-top {
        position: relative;
    }

    .first-menu .search-container input[type="text"] {
        width: 100px;
    }

    /* #mainSlider .owl-carousel .carousel-caption {
        top: 3%;
    } */

  

    /* #mainSlider .owl-stage-outer {
        height: 560px;
    } */

    .service-section li {
        display: flex;
    }

    .service-section ul.list {
        padding: 0;
    }

    .service-section input, .service-section textarea, .service-section input.id {
        width: 100%;
    }

    .service-section input[type="button"] {
        margin: 20px 0 0 0;
    }

    .pricing-section .table-head h3 {
        padding: 50px 95px;
    }

    .faq-section .card-body {
        padding: 20px;
    }

    

    .service-gallery .view p {
        display: none;
    }

    .sidebar .searchform input {
        width: 65%;
    }

    .blog-page .overlay-effect p {
        display: none;
    }

    .blog-page .blog_post-catipon-inner.text-left {
        padding: 20px 0;
    }

   argin-right: 16%;
    }
}


@media (max-width: 991px) {
    #mainSlider .owl-carousel .icon,  .service-form .faq-section-title span:before, .faq-section .service-form .faq-section-title span:after, .choose-section .second-div, .about-us .faq-img, .about-service .service-desc h3:after, .about-faq .faq-desc {
        display: none;
    }

    .first-menu.navbar-dark.bg-dark {
        display: none;
    }    

    .title-section span:before, .title-section span:after {
        display: none;
    }

    .widgets-col {
        width: 100%;
    }

    .coppy-right .col-md-4 {
        text-align: center;
    }

    .coppy-right ul.footer-menu {
        float: none;
    }

    .blog_post .post-img .img-fluid {
        width: 100%;
    }

    .contact .form-desc h3 {
        width: 100%;
        display: inline-block;
        margin: 0;
        margin-top: 0;
    }

    .row.breadcrumb {
        padding: 9% 10%;
    }
   
}


@media (max-width: 551px) {
    ul.navbar-nav {
        margin-top: 20px;
        max-height: 200px;
        display: block;
        width: 100%;
        overflow: scroll;
    }
    
    .blog-detail-page .media.comment_box {
        display: block;
    }

    .navbar {
        position: static;
    }

    .menu-bar .navbar-light .navbar-brand {
        max-width: 47px !important;
    }

    .service-section li {
        display: flex;
    }

    .service-section .icon {
        padding: 10px 10px 0px 0px;
    }
}

@media (max-width: 1024px) {

.topnav {
    text-align: center;
}

}
@media (max-width: 768px) {
    .first-menu.navbar-dark.bg-dark {
        display: none;
    }

    .first-menu .fixed-top {
        position: relative;
    }
    
    .container.mob-sidebar a.navbar-brand.pb-2 {
        width: 260px;
    }
    
    .coppy-right a {
        padding: 0 9px;
    }

    .container.mob-sidebar {
        display: block !important;
    }

    .mob-sidebar a.navbar-brand.pb-2 {
        padding: 20px;
    }

    .top-content {
        float: none !important;
        padding: 20px 10px;
    }
    .sidebar .searchform input {
        width: 52%;
    }

    .who-data iframe {
        width: 100%;
    }

    .widgets-col {
        width: 50%;
    }
    .best-service figure{
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .navbar-nav > li {
        float: left;
    }

    .first-menu .navbar-nav {
        display: block;
    }
}

@media (max-width: 480px) {
    .widgets-col {
        width: 100%;
    }
    
    .breadcrumb .page-title.content-center {
        padding: 5% 4% 14% 4%;
    }
    .blog-detail-page .comment-data {
        display: table-column;
    }
    .service-details li {
        display: flex;
    }

    .topnav ul.top-content {
        text-align: center;
        padding-bottom: 20px;
    }

    .topnav ul.top-content.float-right {
        text-align: center !important;
    }

    .topnav .navbar-light .navbar-toggler {
        color: rgb(252, 208, 13);
        border-color: rgb(252, 208, 13);
    }

    .topnav .navbar-light .navbar-toggler-icon {
        background-image: none;
        background-color: #f5c201;
    }

    .container.top-bar {
        text-align: center;
    }

    .topnav ul.top-content.float-right {
        float: none !important;
    }

    #mainSlider .owl-carousel .carousel-caption {
        top: 20%;
    }

    .faq-section .faq-details, .faq-section .faq-desc {
        padding: 0px;
    }

    .row.breadcrumb {
        padding: 9% 1%;
    }

    .breadcrumb h1 {
        font-size: 35px;
    }

    .about-us #headingOne1, .about-us .card-body, .faq-section .title-section.t-border.pb-60, .accordion .card:not(:first-of-type) .card-header:first-child {
        padding: 10px 0;
    }

    .container.mob-sidebar a.navbar-brand.pb-2 {
        padding: 20px 40px;
    }

    .container.mob-sidebar img {
        width: 100%;
        height: 50px;
    }

    .blog-page .blog-deatils .title a {
        font-size: 15px;
    }

    .blog-page .blog-deatils a .icon {
        padding: 0px;
    }

    .blog_post-catipon-inner.text-left.text-center {
        display: none;
    }

    .sidebar .searchform input {
        width: 63%;
    }

    .blog-page .overlay-effect p {
        color: #fff;
        display: none;
    }

    .blog-page .overlay-effect {
        padding: 30px;
    }

    .blog-page .overlay-effect h4 {
        font-size: 18px;
    }

    .blog-detail-page .comment-section a.pull_left_comment {
        width: 70px;
        height: 70px;
        margin-top: 40px;
        display: block;
    }

    .blog-detail-page .comment-section a.btn.main-btn {
        float: none;
    }

    .col-md-4.sidebar {
        padding-top: 30px;
    }

    .page-not-found .no-data img {
        display: none;
    }

    .page-not-found .no-data h2 {
        font-size: 90px;
    }

    .page-not-found .no-data h3 {
        font-size: 50px;
    }

    .page-not-found .no-data h4 {
        font-size: 18px;
    }

    .contact .cont-desc .other-cont-area p {
        font-size: 12px;
    }

    .contact .cont-desc .other-cont-area .col {
        padding: 0;
    }

    .contact ul.social-icons a {
        padding: 16px;
    }

    .contact .form-desc {
        padding: 10px;
    }

    .blog_post .swiper-container.blog-slider.swiper-container-horizontal {
        padding: 0px;
    }
    
    
    .sidebar .blog-sidebar-widgets h5:after{
        display:none;   
    }
    
    .container.mob-sidebar a.navbar-brand.pb-2 {
        width: 241px;
    }
}

@media screen and (min-width: 490px) and (max-width: 736px) {

    .col-md-4.sidebar {
        padding-top: 30px;
    }
}

@media (max-width: 320px) {

    .container.mob-sidebar a.navbar-brand.pb-2 {
        padding: 6px 40px;
        display: -webkit-box;
    }

    .mob-sidebar span.side-btn {
        float: left;
        margin-top: 5px;
        background: transparent;
    color: #fff;
    }

    .top-content {
        padding: 0;
    }

    .top-content li {
        padding-right: 0;
    }

    .top-content li {
        font-size: 14px;
    }

    .breadcrumb .send-btn {
        padding: 20px 10px;
    }
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}