@media screen and (max-width: 767px) {
   
     
     
     header img{display:none}
     header .info{display:none}
     header{
	position: absolute!important;
    width: 100%;
    z-index: 2;
    background-color: transparent !important;
    border: none;
    }
.demo-1 {
    background: initial;
    margin: 0 auto;
    z-index: 9;
    position: fixed;
    bottom: 0px;
    width: 100%;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    display: inherit;
    position: absolute!important;
    bottom: 90px!important;
    top: initial!important;
    width: 100%!important;
}

header .button-bg {
    background-color: red;
    padding: 5px;
    position: fixed;
    height: 90px;
}
  #hero-banner{/*background-image: linear-gradient(#002379 , #c7132c);*/ background-color:rgb(210,0,1); background-image: initial;min-height: 800px; height:auto;}
  #hero-banner .main-title {color: #fff;    font-size: 16px!important; margin-top: 8px;}
  #hero-banner .hero-quality .box {    align-content: normal;
    align-items: center;
    display: none;
  padding: 15px 20px;
    margin: 10px 0px;}
#hero-banner .hero-quality .box i{font-size:38px;}
#hero-banner .hero-quality .box span {
    margin-top: 10px; font-size: 16px;
  
}
#hero-banner .hero-form img{display: none;}
#hero-banner .hero-form form{margin: 0px;width: 100%;     background-color: #9c1a2a; padding:10px;position:initial;margin-bottom:20px;}
  #hero-banner .upper-heading {font-size: 18px;
    line-height: 29px; margin-bottom:0px;}

#hero-banner .main-title2{font-size: 16px;}
.form-bottom-content{display:block; margin-top:10px;}
  /*#hero-banner .hero-form{background-image: initial; padding: 0px; height: 715px;}*/
#services .service-list li{width: 46%;
    margin: 6px 2%;
    font-size: 15px;
    font-weight: 500;
    padding: 9px 10px;}
    .heading{margin-bottom:10px;}
.heading-up-title{font-size: 16px;}
.heading-title{font-size: 18px; margin-bottom:10px}
#page-hero-banner .top-heading{font-size:20px;}
#page-hero-banner .top-heading span {
   font-size:20px
}


button.dl-active {
    text-indent: -900em!important;
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9";
}
.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\f0c9";
}
.dl-menuwrapper button.dl-active:after {box-shadow:initial!important;}
.dl-menuwrapper button.dl-active:after {
    content: '';
    position: absolute;
  width: 134%;
    height: 2px;
    background: #fff;
    top: 45px;
    left: 1%;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(-45deg);
    -o-transform-origin: left top;
    transform: rotate(-45deg);
    transform-origin: left top;
}
button.dl-active:before {
    content: '';
    position: absolute;
   width: 133%;
    height: 2px;
    background: #fff;
    top: -2px;
    left: 1%;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: left top;
    -moz-transform: rotate(45deg);
    -moz-transform-origin: left top;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: left top;
    -o-transform: rotate(45deg);
    -o-transform-origin: left top;
    transform: rotate(45deg);
    transform-origin: left top;
}
header .order_btn{width: 32%;
    float: right;
    background: #002379;}
header .payment_btn{width:49%; float:right;}
header .btn{padding:5px 10px;}
#why-us .tab {display: flex; overflow-x: scroll; overflow-y: auto; white-space: nowrap;}
#why-us .tab button{border:1px solid red; margin-right: 10px;margin-right: 6px;font-size: 13px;}
.section{padding: 15px 0px;}
header .header-button{float: inherit; width: 100%}
header img {
    width: 43%;
    margin: 10px;
}

 
#qualities .quality-img{float: left}
#qualities .quality p{display: inline-block; margin-top: 10px; margin-bottom: 0px}
#hero-banner .submit-line{font-size: 15px;padding: 7px;margin-bottom:0px;}
#leading{text-align: center;}
#leading li .count{font-size: 25px;}
.page-banner .banner-title{font-size: 22px}
#qualities .quality{padding: 10px; margin-bottom: 15px;font-size: 14px;
    text-align: justify!important;}
#qualities .quality .quality-title{text-align: center; margin-bottom: 0px}
#testimonials .testimonial{width: 100%}
#testimonials .testimonial-title{font-size: 18px; margin-bottom: 10px;}
#testimonials .testimonial p{font-size:14px; height:initial; }
#testimonials .owl-carousel{margin-bottom:-25px;}
.btn-theme{margin-top: 0px!important;}
#leading .landing-title{color:#002379; font-size: 20px; text-align: center;}

.dl-menuwrapper button{background-color:black!important; top:-45px; height:45px;}


#why-us h3{font-size: 16px; text-align: center;}

#why-us .tab-content{padding: 10px}
#why-us .shadow{box-shadow:initial;}

#qualities .quality-img{float: none; display: none}

#page-hero-banner .heading-content{display:none!important;}
#page-hero-banner{background-position: bottom; height: inherit; background-size: cover; padding-bottom: 20px;background-color:rgb(210,0,1); background-image: initial;}
#page-hero-banner .headings{margin-top: 15px; text-align: center;}
#page-hero-banner .main-heading{font-size: 20px}
#page-hero-banner .features li{width: 50%; text-align: center;}


#page-hero-banner .form{margin-top: 0px;padding:10px;background-color: #9c1a2a;}
#page-hero-banner .from-reader{font-size:20px; text-align:center;}

#process .process-icon{display: none}

aside .services-tab{display: none}

#leading .leading-title{font-size: 20px}

 .blog-list .post .post-title{    font-size: 18px;
    font-weight: 700;
    margin: 15px 0px;
    display: inline-block;}
#reviews-page .satisfaction img{display: none}
#reviews-page .reviews-top .verified{padding: 15px}
#reviews-page .review-rating{margin-top: 15px; text-align: center;}
footer .footer-title{margin-top: 10px; display:block;}
footer li{margin-bottom:3px;}
footer li a{font-size:13px;}
input[type="file"] {font-size: 12px;width: 92%;}
.add_field_button button{font-size:12px;}
#process .box{margin-top:0px;}

#testimonials i{display:none;}
#accordion{margin-top:0px;}
#accordion .card-header .card-title{font-size:14px;}
.accordion .card-header {
    padding:10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #D20001;
    color: white;
}
#accordion .card-title{margin-bottom:0px;}
#accordion .card-body{padding:10px;}
#accordion .card-body p{font-size: 13px;text-align: justify;}

.theme-btn{padding: 7px 25px;
    font-size: 14px; margin-top:10px}
    
    #process .process-box{margin-top:0px;}
    #process .shadow{box-shadow:initial!important;}
    #testimonials .testimonial{margin:5px auto;}
    
    header .payment_btn{display:none;}
    header .button-bg{background-color:red; padding:5px;}
    header .btn{background-color:transparent; margin-bottom:0px;}
    
    #page-hero-banner .upheading{font-size:16px;}
    #page-hero-banner .features{display:none;}
    footer{text-align:center;}
    footer .about img{width:150px;}
    footer .rated{width: 60%;margin: auto;}
    footer .rated h4{font-size:17px;}
    
    #middle-footer p {
    font-size: 11px;
    text-align: center;
}

    
    footer .collapsed i {
    transform: rotate(180deg);
}

 footer .collapse:not(.show) {
    display: none;
}
footer .footer_nav{    background: #D20001;
    font-size: 18px;
    padding: 7px;
    margin-top:10px; border:1px solid white;
    display: flex;
    border-radius: 5px;}
    
    .page-content h2, .page-content h3, .page-content h4, .page-content h5 {
    font-size: 15px;
    color: #d20001;
    margin: 1px 0px 15px 0px;
}


#page-hero-banner .top-heading {
    font-size: 22px;
}

#page-hero-banner .from-header{font-size:18px;}
.page-content{overflow-y: scroll;height: 500px;}
.page-content h1 {
    font-size: 16px}
    .page-content p {
    font-size: 14px}
aside{margin-top:15px;}
.page-content .wrapper h3{font-size:14px;}
.page-content ul{padding:0px;}
aside .card .card-header h4{font-size:18px;}
aside .page-testimonial .testimonial{padding-bottom:0px;}

#testimonials .heading-title {font-size: 18px;}
.dl-submenu .dl-back{display:block;}

/* Smaple Page*/
.blog-list .sample-call{border-radius:0px;}
.blog-list .sample-call .text_part p{font-size:16px;}
.blog-list .sample-call .btuns{text-align:center;}
.blog-list .sample-call .btuns a{    display: inline-block;padding: 5px 18px;text-transform: capitalize;font-weight: 500;}

.expert-top-title{font-size: 20px!important; padding:5px 25px; margin-bottom:0px;}
.expert-top-content{font-size: 16px; padding:10px; margin-bottom:0px;}
.expert-form .col-md-3{margin:10px 0px;}
.expert-form .col-lg-3{margin:10px 0px;}
.expert-form .col-md-2{margin:10px 0px;}
.expert-form .col-md-4{margin:10px 0px;}
.expert-form .btn{padding:5px;}
#expert-about-section .expert-about-title{margin-left: 0px;margin-left: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 20px;}

.bg-overlay{padding:30px 0px;margin-top: 0px;}
#expert-about-section .expert-about-box img.expert-img{display: none}
#orders-listing-section .single-expert-sidebar .expert-card .expert-image img{width:40%;}
#orders-listing-section .single-expert-sidebar .expert-card {
    padding: 11px;
    margin-bottom: 5px;
    text-align: center;
}

#orders-listing-section .complate-order-block .order-details .order-content .expert-order-btn{text-align: center;}
#expert-banner-single .feature-area .feature{margin-bottom: 0px}
#counter-call .box .counter{font-size: 20px;margin: 5px 0px;}
#counter-call .icon i{font-size:26px;}
#expert-about-section{height:auto;} 
.single-expert-box .expert-img{text-align:center;}
.single-expert-box .expert-img img{width:40%;}
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
   #hero-banner .hero-form img {
 
    position: absolute;
    right: 10px;
    width: 680px;
    }
    
    #hero-banner .hero-form form {
    position: absolute;
    margin: 52px 110px 45px 100px;
}

#services .col-md-7,#services .col-md-5{max-width: 100%;
    flex: 0 0 100%;}
    #services .col-md-5{display:none}
    
    .expert-top-title{font-size: 20px!important; padding:5px 25px; margin-bottom:0px;}
.expert-top-content{font-size: 16px; padding:10px; margin-bottom:0px;}
.expert-form .col-md-3{margin:10px 0px;}
.expert-form .col-lg-3{margin:10px 0px;}
.expert-form .col-md-2{margin:10px 0px;}
.expert-form .col-md-4{margin:10px 0px;}
.expert-form .btn{padding:5px;}
#expert-about-section .expert-about-title{margin-left: 0px;margin-left: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 20px;}

.bg-overlay{padding:30px 0px;margin-top: 0px;}
#expert-about-section .expert-about-box img.expert-img{display: none}
#orders-listing-section .single-expert-sidebar .expert-card .expert-image img{width:40%;}
#orders-listing-section .single-expert-sidebar .expert-card {
    padding: 11px;
    margin-bottom: 5px;
    text-align: center;
}

#orders-listing-section .complate-order-block .order-details .order-content .expert-order-btn{text-align: center;}
#expert-banner-single .feature-area .feature{margin-bottom: 0px}
#counter-call .box .counter{font-size: 20px;margin: 5px 0px;}
#counter-call .icon i{font-size:26px;}
#expert-about-section{height:auto;} 
.single-expert-box .expert-img{text-align:center;}
.single-expert-box .expert-img img{width:40%;}
}

@media only screen and (max-width: 1024px) and (min-width: 768px)  {
    
    #hero-banner{height:720px; background-image:initial; background-color:blue;}
    #hero-banner .col-md-7,#hero-banner .col-md-5{max-width: 100%;
    flex: 0 0 100%;}
    
    #hero-banner .hero-form img {
    position: absolute;
    position: absolute;
    right: 10px;
    width: 909px;
    }
    
    #hero-banner .hero-form form {
 
    position: absolute;
    margin: 55px 145px 45px 145px;
}

#qualities .col-md-4{max-width: 50%;
    flex: 0 0 50%;}
    
    #faq .col-md-6{max-width: 100%;
    flex: 0 0 100%;}
    
    #faq img{display:none;}

.banner-features{display:none;}
    .expert-top-title{font-size: 20px!important; padding:5px 25px; margin-bottom:0px;}
.expert-top-content{font-size: 16px; padding:10px; margin-bottom:0px;}
.expert-form .col-md-3{margin:10px 0px;}
.expert-form .col-lg-3{margin:10px 0px;}
.expert-form .col-md-2{margin:10px 0px;}
.expert-form .col-md-4{margin:10px 0px;}
.expert-form .btn{padding:5px;}
#expert-about-section .expert-about-title{margin-left: 0px;margin-left: 0px;
    font-size: 18px;
    text-align: center;
    line-height: 20px;}

.bg-overlay{padding:30px 0px;margin-top: 0px;}
#expert-about-section .expert-about-box img.expert-img{display: none}
#orders-listing-section .single-expert-sidebar .expert-card .expert-image img{width:40%;}
#orders-listing-section .single-expert-sidebar .expert-card {
    padding: 11px;
    margin-bottom: 5px;
    text-align: center;
}

#orders-listing-section .complate-order-block .order-details .order-content .expert-order-btn{text-align: center;}
#expert-banner-single .feature-area .feature{margin-bottom: 0px}
#counter-call .box .counter{font-size: 20px;margin: 5px 0px;}
#counter-call .icon i{font-size:26px;}
#expert-about-section{height:auto;} 
.single-expert-box .expert-img{text-align:center;}
   .single-expert-box .expert-img img{width:40%;}
   
   
   
   
   .page-cta .cta-featureee-box{display:none!important;}
   .page-cta .text-md-right{text-align:center!important;}
   
 
     aside #sticky.stick{position:initial; width:100%;}
  
  aside #sidebarform {
    width: 100%;
}
aside .sidebar-form{margin-bottom:10px;}
.sidebar-form.main-form-block input[type=submit]{margin-left:initial;}
}


@media (min-width: 320px) and (max-width: 991px) { 
    
#page-hero-banner {
    background: none!important;
    background-color: #fff!important;
}   
    
}