@media only screen and (min-width: 300px) and (max-width: 767px) {
  .modal-dialog{
        width: 95% !important;
  }
  .modal-content:before{
    content: inherit;
  }
  .new-class-for-row-poppup{
        padding: 0 20px;
  }
  .poppup-img{
    display: none;
  }
.services{
    margin: 0;
}
.services .links-wrap {
    height: auto !important;
    max-height: 100%;
}
.why-choose{
padding:50px 0;
}
}

@media only screen and (max-width: 1199px){

}
@media only screen and (max-width: 1199px){
    .main-banner-heading {
        padding-top: 14px;
    }
    section.main-solution .solution-list {
        padding: 10px 0px;
    }
    .bannerForm {
        width: 100% !important;
    }
    
    ul.last-foot li {font-size: 11px;}
    
    section.main-solution button {
        padding: 10px 24px !important;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .sec1_box p {
        font-size: 11px;
    }
    
    .sec1_box ul li {
        font-size: 9px;
    }
    
    .sec1_box h5 {
        font-size: 28px;
    }
    
    section.main-solution h3 {
        font-size: 17px;
    }
    
    section.main-solution p {
        font-size: 14px;
    }
    
    .main-banner-heading h1 {
        font-size: 32px;
        color: #ffffff;
    }
    

}
@media (min-width: 767px) and (max-width: 1024px){
    .header_area ul li a.nav-link {
        color: #000000;
        padding: 13px;
        z-index: 9999;
        color: #fff !important;
    }
    .dropdown button {
        color: #000;
    }
    /* .process-menu{
        height: auto;
    } */
    .process-menu span{
        font-size: 20px;
    }
    .video-approach .card-body.text-center {
        height: 320px;
    }
}
@media only screen and (max-width: 767px){
    /*main-home-page */
    .main-logos h3
    {
        margin-top: 30px;
        font-size: 20px;
    }
    section.main-solution h1
    {
        padding: 21px 0;
        font-size: 28px;
    }
    section.main-solution h4{
        font-size: 22px;
        padding-top: 0px;
        font-weight: 600;
    }
    section.main-why .why-head h1{
        font-size: 30px;
    }
    .portfolio-heading h3{
        font-size: 28px;
    }
    section.main-process h1
    {
        padding: 30px 0;
        font-size: 25px;
    }
    .process-section{
        padding-top: 0px;
    }
    .process-menu span{
        font-size: 20px;
        padding: 10px 0;
    }
    .main-percent .percent-head{
        background: #001d3d;
        padding: 0px 0;
        background-image: unset !important;
    }
    .left-percent h3{
        font-size: 20px;
    }
    .cont-link {
        padding: 0;
    }
    /*End*/
    /*Ghostwriting page*/
    .ghost-service-head h4{
        font-size: 28px;
    }
    .our-approach-heading h1
    {
        font-size: 32px;
        margin: 0px 0 20px;
    }
    .one-stop-heading h2 {
        padding: 40px 0 15px;
        font-size: 20px;
    }
    .one-stop-heading p {
        padding: 10px 0;
        font-size: 18px;
    }
    .one-stop-btn {
        padding-bottom: 3px;
    }
    /*end*/
    /*PAge Book Printing*/
    section.book-writter h2{
        font-size: 18px;
        margin-bottom: 0px;

    }
    /*End*/
    /*PAge script-writing*/
    section.script-services {
        padding: 10px 0 1px;
    }
    .script-services-head h1{
        font-size: 25px;
        margin: 0px 0;
    }
    /*End*/
    /*Video page */
    .video-approach-heading h1 {
        font-size: 22px;
    }
    /*End*/
    /*Cover Design PAge*/
    section.ghost-story {
        padding: 0px 0;
    }
    section.color-design {
        padding: 10px 0 0px;
    }
    .cover-design-head h1 {
        font-size: 30px;
    }
    section.illustration h3 {
        padding-top: 20px;
        font-size: 30px;
    }
    section.illustration p {
        font-size: 11px;
    }
    /*End*/

    /*Video page */
    .book-marketing-heading h1 {
        font-size: 25px;
    }
    /*End*/

    .bannerForm {
        width: 100%;
        height: auto;
        margin-top: 21px;
    }
    .form-control {
        display: block;
        width: 100%;
        margin: auto;
    }
    .main-banner-btn .left {
        margin: 15px 0px;
        width: 100%;
    }
    .main-banner-btn .right {
        margin: 15px 0px;
        width: 100%;
    }
    section.main-solution a {
        width: 100%;
        text-align: center;
    }
    section.main-solution button {
        width: 100%;
    }
    /*About us Page  */
    .about-editing-heading h4{
        font-size: 20px
    }
    .about-editing-heading h2 {
        font-size: 20px
    }
/*    End*/
/*    Pricing*/
    .pricing-services-heading h1
    {
        font-size: 30px;
        color: #001c3c;
        margin: 0px 0 10px;
    }
/*    End*/
    section.main-banner.contact h2{
        font-size: 34px;
    }
    section.main-banner.contact p
    {
        font-size: 15px;
    }
    .left-percent-cont {
        padding: 50px 18px;
    }
/*    market*/
    .market-image img
    {
        display: none;
    }
    .contact-form input {
        
        margin: 5px 0;
        font-size: 14px;
    }
    .ghost-story-heading h4
    {
        font-size: 22px;
    }
}
@media only screen and (max-width: 576px){
    section.inner-cta .left-side img {
        display: none;
    }
    .action-images {
        display: none;
    }
    img.line-yellow {
      display: none;
    }
    section.inner-cta{
        padding: 32px 0;
        margin-top: 60px;

    }
    .cont-link a{
        margin: 20px 10px !important;
    }
    .lead-touch-point a.btn-bg-dark{
        margin-right:8px ;
    }
    .banner-form-btn-wrapper {
        height: 61px;
    }
    .banner-form-btn-wrapper {
        height: 61px;
        margin-left: 0;
        padding: 0 11px;
        max-width: 100%;
        margin-top: 0px;
    }
    .banner-form-btn-wrapper .btn-submit{
        width: 100%;
        height: 48px;
        padding: 12px 0 10px;
    }
    .style-btn{
        display: none;
    }

}
@media only screen and (min-width: 320px) and (max-width: 767px) {
section.main-banner{
min-height:100% !important;
}
.contact-section .icon-box{
    flex-direction: column;
    margin: 0 0 20px;
    text-align: center;

}
.contact-section .icon-box .icon-box-icon{
margin-right:0 !important;
}
.button-links{
width:100% !important;
}
.thank-you p{
 font-size: 18px;
}
.thank-you h1{
 font-size: 28px;
}
.services .title-h2{
    font-size: 24px;
}
.packages h2{
 font-size: 24px;
}
.services .title-h2 span{
    font-size: 20px;
}
.services .links-wrap{
    max-height: 100%;
}
.partner-logo .logo-slider img{
    margin: 0 auto;
    display: block;
    width: 80%;
}
.why-choose{
padding:50px 0;
}
.packages .main-p{
font-size:15px;
}
.free-card {
    padding: 35px 10px;
}
.packages .animate__fadeInRight{
margin:0 0 30px;
}
.why-choose .boxes-choose-start{
    padding: 50px 15px;
}
.why-choose .boxes-choose-start p{
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
}
.new-class-for-row-poppup{
padding: 25px;
}
.modal-dialog {
    width: 100% !important;
}
.poppup-img{
display:none;
}
button.close{
top: -15px;
    right: 32px;
    display: block;
    opacity: 1 !important;
}
.pop_heading h4{
font-size: 20px;
}
}