@media (max-width: 360px) { 
    #owl-dots .owl-dot {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
}

@media (max-width: 991px) {
    .services-content-area {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .footer-1-left {
        padding-left: 15px;
    }
    
    .choose-3-quick-quote.height {
        height: auto;
        margin-top: 30px;
    }
    
    .about-page-content .col-md-6 .page-sub-heading {
        margin-top: 40px;
    }
    
    .testimonial-2 {
        margin-top: 80px;
    }

    .choose-2 .pd-x-l-30,
    .choose-2 .pd-x-l-45 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .choose-2 .choose-2-heading {
        margin-top: 20px;
    }
    
    .footer-2 .col-sm-6.col-md-3 {
        padding-left: 0;
        padding-right: 0;
    }
    .footer-2 .col-sm-6.col-md-3 .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .footer-2 .col-sm-6.col-md-3 .section-sub-heading {
        margin-top: 30px;
    }
}
    
@media (max-width: 767px) {
    
    .choose .choose-right:before {
        width: 0;
    }
    
    .blog-one-page-content .pd-x-l-35,
    .blog-one-page-content .pd-x-r-20 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .about-content-icon-wrapper .col-md-6.col-sm-6 .pd-y-t-40 {
        padding-top: 0;
    }
    
    .services-2 .tab-content-item {
        padding-bottom: 40px;
    }

    
    /*    section-heading*/
    
    .section-heading:after,
    .section-heading-2:after {
        top: 140%;
    }
    
    .section-heading,
    .section-heading-2 {
        line-height: 35px;
    }
    
    .section-sub-heading {
        line-height: 20px;
    }
    .section-sub-heading:after {
        top: 120%;
    }
    /* header-area start */
    .header-area ul {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .header-area ul.header-social-wrapper {
        width: 190px;
        margin: 0 auto;
    }
    
    .header-area > .container {
        width: 100%;
    }

    .header-area ul.info li {
        padding-left: 0;
        float: none;
        display: block;
        text-align: center;
        border-top: 1px dashed #0c2f94;
    }

    .header-area ul.info li span {
        padding-left: 18px;
    }
    /* nav start*/
    .nav-xs {
        display: block;
    }
    
    .nav-xs {
        overflow: auto
    }
    
    .nav-lg {
        display: none;
    }
    
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    
    .navbar .navbar-brand {
        padding-left: 15px;
    }
    
    .nav-button {
        margin-top: 35px;
        font-size: 30px;
    }
    .nav-button i.fa {
        color: #0c2f94;
    }
    .navbar li>a.nav-item {
        line-height: 40px;
        text-align: left;
    }
    .navbar li>a.nav-item:hover {
        background: #ccc;
    }
    
    .navbar .search-form {
        width: 100%;
    }
 
    .navbar #search-here {
        width: calc(100% - 75px) !important;
        padding: 10px;
    }
    .navbar #search-submit {
        width: 70px;
    }
    .navbar .search:after {
        content: "search";
        height: auto;
        width: auto;
        background: none;
    }
    .navbar .search {
        font-size: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0 auto;
        background: #ccc;
    }
    .navbar .search {
        display: none;
    }
    .navbar .search-form-res {
        display: block;
        margin-top: 0;
        margin-bottom: 20px;
    }
    /*    rev-slider-area*/
    #slider1 .button-1,
    #slider1 .button-2,
    #slider3 .button-1,
    #slider3 .button-2 {
        height: 25px;
        width: 100px;
        line-height: 25px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    #slider1 .button-wrapper-1,
    #slider3 .button-wrapper-1 {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #slider1 .button-wrapper,
    #slider3 .button-wrapper {
        position: absolute;
        top: 0;
        left: 0;
    }
    #slider1 .button-wrapper span,
    #slider3 .button-wrapper span {
        font-size: 10px;
    }
    /* choose area*/
    .choose .choose-right {
        padding-top: 100px;
        clear: both;
    }
    .choose .choose-right .divider:before {
        display: none;
    }
    .choose .choose-right:after {
        display: none;
    }
    .choose .choose-right h6 {
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
    }
    .tap-lg {
        display: none;
    }
    .tap-sm {
        display: block;
    }
    .callout .tap {
        top: -75px;
    }
    .callout {
        background-position: left;
    }
    
    .callout .container h3 {
        line-height: 40px;
    }
    /*    services*/
    .services .services-content-area a i.fa {
        margin-bottom: 20px;
    }
    /*    team*/
    .team-content .img-detail {
        height: auto;
    }
    .team-content .img-detail span {
        margin-bottom: 20px;
    }
    /*testmonial*/
    .testimonial .testimonial-item p,
    .testimonial-3 .testimonial-item p {
        padding-left: 15px;
        padding-right: 15px;
    }
    .testimonial .testimonial-item,
    .testimonial-3 .testimonial-item {
        width: 100%;
    }

    .testimonial .testimonial-slider,
    .testimonial-3 .testimonial-slider {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
    /*blog area start*/

    .blog .blog-content-overview:after {
        bottom: 0;
        transform: translateY(15px);
    }

    .blog-content-overview,
    .blog-content-overview-3,
    .blog-post,
    .blog-content-img-holder,
    .blog-content-img-holder-3 {
        width: 368px;
        max-width: 80vw;
        margin: 0 auto;
    }
    
    .blog-post-2 {
        width: 368px;
    }

    .blog-content-overview-3 {
        padding-bottom: 20px;
    }
    
    
    /* footer*/
    .footer-pd-1 {
        padding: 10px 15px;
    }
    .footer-pd-2 {
        padding: 10px 15px;
    }
    .footer-pd-3 {
        padding: 10px 15px;
    }
    .lh-10 {
        line-height: 20px;
    }
    .lh-11 {
        line-height: 26px;
    }
    .lh-15 {
        line-height: 20px;
    }
    .lh-17 {
        line-height: 25px;
    }
    .lh-20 {
        line-height: 30px;
    }
    .lh-23 {
        line-height: 36px;
    }
    /*index-2 start*/
    /*nav area start*/
    .navbar-2 .modal-dialog {
        margin-top: 0;
    }

    .navbar-2 .nav-2-search-bar {
        float: right;
        padding-top: 0;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .navbar-2 #nav-2-search {
        width: calc(100% - 30px);
    }
    
    .row > .pd-x-r-20,
    .row > .pd-x-l-10.pd-x-l-10,
    .row > .pd-x-l-20 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .row > .pd-x-l-15,
    .row > .pd-x-r-15 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .ml-15,
    .mr-15 {
        margin-left: 0;
        margin-right: 0;
    }
    
    .container > .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    /*choose-2 start*/    
    .choose-2-top,
    .choose-2-bottom {
        padding-top: 50px;
    }
    
    
    .blog-2-content .pd-x-l-30 {
        padding: 0;
    }
    
    .blog-content-overview-2 ul li {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
  s
    /* testimonial-2 start*/
    
    .testimopnial-2-heading-wrapper {
        padding-left: 0;
        padding-top: 10px;
    }
    
    .bx-slider-control-wrapper a {
        display: block;
    }

    /*index-2 end*/
    
    /*index-3 start*/
    
    .navbar-3 {
        position: relative;
    }
    
    .choose-3 .epd-x {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .choose-3 .choose-left {
        clear: both;
    }
    
    .choose-3 .choose-right {
        clear: both;
        padding-top: 60px;
    }

    .services-3-content-area:after {
        border: none;
    }
    
    .services-3-content-area {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .services-3-content-area-bottom {
        padding-top: 0;
    }
    
    .newsletter-left {
        clear: both;
    }
    
    .newsletter-right {
        clear: both;
    }
    
    .newsletter-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .newsletter-left ul li > i {
        height: 50px;
        width: 50px;
        font-size: 20px;
        line-height: 50px;
    }
    .newsletter-left-icon-left ul li,
    .newsletter-left-icon-right ul li {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    .newsletter-left-icon-left ul li.clr,
    .newsletter-left-icon-right ul li.clr {
        padding-top: 0 !important;
        padding-left: 0 !imporatant;
        padding-right: 0 !imporatant;
        padding-bottom: 0 !important;
    }
    .newsletter-right {
        padding-left: 15px;
        padding-right: 15px;
    }

    /*index-3 end*/
    
    /*404 start*/
    
    .error-text {
        padding-top: 60px;
    }
    .error-image {
        display: block;
        margin: 0 auto;
        width: 80%;
    }
    
    /*404 end*/
    
    /*about page start*/
    
    .about-page-content .epd-x {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .about-content-icon-wrapper {
        padding-top: 0;
    }
    
    .about-content-icon-wrapper div.col-sm-6 {
        padding-top: 40px;
    }
    
    .about-choose .choose-right {
        padding-top: 60px;
    }
    /*about page end*/
    
    /*blog page start*/
    
    .blog-one-page-content .epd-x,
    .blog-one-page-content .epd-x-l,
    .blog-one-page-content .epd-x-r {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .blog-one-page-content div.col-md-3.col-md-offset-1 {
        padding-top: 60px;
    }
    /*blog page end*/
    
    /*contact page start*/
    
    .contact-page-content .epd-x,
    .contact-page-content .epd-x-l,
    .contact-page-content .epd-x-r {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .contact-page-content .col-md-3.col-md-offset-1 {
        padding-top: 60px;
    }
    /*contact page end*/
    
    /*faq page start*/
    
    .faq .epd-x,
    .faq .epd-x-l,
    .faq .epd-x-r {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .ask .col-md-4.col-md-offset-1 {
        padding-top: 60px;
    }

    .tutorial-img-wrapper {
        max-width: 323px;
    }
    
    /*faq page end*/
    
    
    /* gallery page start*/
    .gallery-item {
        width: 370px;
        max-width: 80vw;
        margin: 10px auto;
    }
    /*gallery page end*/
    
    /*pricing table page start*/
    
    .pricing-table .epd-x,
    .pricing-table .epd-x-l,
    .pricing-table .epd-x-r {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /*pricing table page end*/
    
    /* services page start*/
    
    .service-page-img-holder {
        max-width: 364px;
    }
    
    .services-page-content-second-row {
        padding-top: 0;
    }
    
    .services-page-content-second-row .col-sm-4 {
        padding-top: 30px;
    }
    /* services page end*/
    
    /* services single start*/
    
    .services-single-content-top .epd-x,
    .services-single-content-top .epd-x-l,
    .services-single-content-top .epd-x-r {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* services single end*/
    
    /* team page start */
    
    .team .col-md-4.col-sm-12 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    /* team page end */

}

@media (min-width: 992px) and (max-width: 1199px) {

    .bx-slider-content-wrapper {
        border-left: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .header-area > .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .header-area ul.info li {
        padding-left: 10px;
    }
    
    .header-area ul.info li span {
        padding-left: 8px;
    }
    .navbar li>a.nav-item {
        margin: 0;
    }
    /*    rev-slider*/
    #slider1 .button-1,
    #slider1 .button-2,
    #slider3 .button-1,
    #slider3 .button-2 {
        height: 30px;
        width: 120px;
        line-height: 30px;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    .blog-one-page-content .ml-15,
    .blog-one-page-content .mr-15 {
        margin-left: 0;
        margin-right: 0;
    }
    .blog-one-page-content .page-sub-heading {
        margin-top: 30px;
    }
    
    .faq .ml-15, 
    .faq .mr-15,
    .about-detail .ml-15,
    .about-detail .mr-15 {
        margin-left: 0;
        margin-right: 0;
    }
    
    .lh-10 {
        line-height: 20px;
    }
    .lh-11 {
        line-height: 26px;
    }
    .lh-17 {
        line-height: 25px;
    }
    .lh-20 {
        line-height: 30px;
    }
    .lh-23 {
        line-height: 36px;
    }
    /*    team*/
    .team-content .img-detail {
        height: auto;
    }
    .team-content .img-detail span {
        margin-bottom: 20px;
    }
    /* blog*/
    .blog .blog-content-overview ul li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin: 0;
        !important;
        display: block;
    }
    .blog .blog-content-overview:after {
        display: none;
    }
    .blog .blog-content-overview ul li:not(:first-child) {
        padding-left: 0;
        border-left: none;
    }
    .blog .blog-content-overview ul li:not(:last-child) {
        padding-right: 0;
    }
/*    index-2*/
    /*choose-2 start*/    
    .choose-2-top,
    .choose-2-bottom {
        padding-top: 50px;
    }

    .row > .pd-x-l-15,
    .row > .pd-x-r-15 {
        padding-left: 0;
        padding-right: 0;
    }
    .contact-page-content .ml-15,
    .contact-page-content .mr-15 {
        margin-left: 0;
        margin-right: 0;
    }
    
    .contact-page-content .page-sub-heading {
        margin-top: 30px;
    }
    
    .callout .tap {
        top: -100px;
    }
    
/*    services-3*/
    
    .services-3-content-area:after {
        border: none;
    }

    .choose-3 .choose-left {
        clear: both;
    }

    .choose-3 .choose-right {
        clear: both;
        padding-top: 60px;
    }
    
    .services-3-content-area {
        padding-left: 10px;
        padding-right: 10px;
    }   
    .services-3-content-header h6 > span:after {
        top: 140%;
    }
    
    .services-3-content-header h6 {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .newsletter-left {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .newsletter-left ul li > i {
        height: 50px;
        width: 50px;
        font-size: 20px;
        line-height: 50px;
    }
    .newsletter-left-icon-left ul li,
    .newsletter-left-icon-right ul li {
        padding-top: 20px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    

    .newsletter-left-icon-left ul li.clr,
    .newsletter-left-icon-right ul li.clr {
        padding: 0 !important;
    }

    /* team page start */

    .team .col-md-4.col-sm-12 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* team page end */
    /*faq page start*/

    .faq .epd-x,
    .faq .epd-x-l,
    .faq .epd-x-r {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ask .col-md-4.col-md-offset-1 {
        padding-top: 60px;
    }
    
    .tutorial-img-wrapper {
        max-width: 323px;
    }

    /*faq page end*/
}

@media (max-width: 1199px) {
    .callout-3 .man {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1550px) {
    .callout .tap {
        top: -100px;
        right: 0;
    }
    

    .services-3-content-area:after {
        width: 100%;
    }
    .newsletter-left {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 117px;
        padding-bottom: 117px;
    }
    .newsletter-left ul li > i {
        height: 50px;
        width: 50px;
        font-size: 20px;
        line-height: 50px;
    }
    .newsletter-left-icon-left ul li,
    .newsletter-left-icon-right ul li {
        padding-top: 20px;
        padding-left: 15px;
        padding-bottom: 20px;
    }
    

    .newsletter-left-icon-left ul li.clr,
    .newsletter-left-icon-right ul li.clr {
        padding: 0 !important;
    }


}
@media (max-width: 496px) {
    .blog-comment-reply {
        padding-bottom: 15px;
    }
}