@media only screen and ( min-width:1180px ) and ( max-width:1440px ){ 
    
img.banner-thumb {    max-width: 740px; }

.our-banner h1 {    font-size: 54px;    line-height: 62px;  }     

.our-banner img.winner-ico {    max-width: 80%;     margin-top: 10px;   }  

}  
 
@media only screen and (max-width: 980px) and (min-width: 320px) {
   
    
    section.our-banner {    border-radius: 0;    padding-top: 40px;    padding-bottom: 20px;    text-align: center; ; }
    
    .our-banner br {    display: none;  }
    
    .our-banner h1 {    font-size: 24px;    line-height: normal;    }
    
    .our-banner p {    font-size: 16px;    line-height: normal; }
    
    img.banner-thumb {    width: 350px;
    margin-left: 40px;  }   
    
    img.winner-ico {    margin-left: 0; }
    
    section.book-writing {    margin: 0;    padding: 40px 0;    }

    .bw_inside {        padding: 0;        box-shadow: none;        background: transparent;    }
    
    .bw_inside h2 {        font-size: 24px;     }
    
    .bw_inside li {        font-size: 16px;     }

    section.exten-array {        padding-top: 40px;        text-align: center;      }
    
    .exten-array .col-md-4 {        margin-top: 0;     }
    
    .heading h2 {        font-size: 24px;    }
    
    .heading.text-center p {        max-width: 100%;        font-size: 16px;    }
    
    .ext_item h4 {        font-size: 18px;      }
    
    .btn-block .btn {font-size: 15px;/* transform: scale(0.8); */padding: 8px 35px 8px 15px;}

    .btn-block {    margin-top: 10px;   }
    
    .heading {    margin-bottom: 20px;  }
    
    .portfolio_block a {margin-bottom: 5px;}
    
    .logo_bx {    height: 100px;}   

    section.logo_list {        border: none;        }
    
    .logo_list .col {        border: 1px solid #d1d1d1;     }
    
    .logo_bx img {        max-width: 80px;        max-height: 40px;    }
    
    section.cta-blocks {        text-align: center;        padding: 30px 0;    }
    
    .cta-blocks h2 {        font-size: 18px;    }
    
    .cta-blocks .col-md-5 {        display: none;   }
    
    .heading br {    display: none; }

    .bi_item h4 {        font-size: 30px;        line-height: 30px;     }
    
    .bi_item br {        display: none;    }
    
    .bi_item {        margin-top: 0;      padding: 20px 0;  } 
     
    .girl_inn h4 {    font-size: 14px;  }
    
    .girl_inn h4 span {    line-height: normal; }
    
    .girl_block {    top: 20px;    left: 20px;    max-width: 100%;    margin-bottom: 0;}
    
    .ex_thumb {    margin-bottom: 20px; }
    
    .ex_txt span {    font-size: 50px;    line-height: 50px;    }
    
    .ex_txt h3 small {    font-size: 20px;  }
    
    .ex_txt {margin-top: 30px;text-align: center;}     

    .manu_item {    padding: 30px;    text-align: center;    border-top: 8px solid #d13317; }

    .manu_item h3 {    font-size: 20px; }
    
    .manu_item br {    display: none;   }
    
    .manu_item p {    font-size: 16px;  }
    
    .heading h3 {    font-size: 20px;   } 
    
    .heading br {    display: none; }
    
    .writerexpend:after {    display: none; }
    
    .wri_right h3 {    font-size: 20px; }
    
    .wri_right br {    display: none;   }
    
    .writerexpend {text-align: center;padding-bottom: 40px;}
    
    .wri_right .btn-block {    margin-right: 0;    justify-content: center; }    

    .test-top {    padding: 0;    background: transparent;  }
    
    section.testimonial {margin-bottom: 0;background: #fff;padding-bottom: 40px;text-align: center;}
    
    img.test-pin {    display: none;    }
    
    .titem p {    font-size: 16px;    padding-right: 0; }

    .titem h6 {    font-size: 17px; }

    img.typewriter {    right: 0;    max-width: 100%;   }
    
    .footer .col-md-5 {    display: none;   }
    
    footer.footer {    text-align: center;      padding-top: 40px;} 
    
    ul.ftr_list {     }
    
    ul.ftr_list li a {    font-size: 16px;  }
    
    .excl_ghost .order-1 {order: unset !important;} 
    
    img.footer-logo {    display: none;     }

    .row.row4 {    flex-flow: column;   }
    
    ul.ftr-list {    justify-content: center;   }
    
    .ftr_para p:last-child {    margin-bottom: 0;   }
    
    .btn-block .btn:after {    right: 10px;    top: 15px;   }
    
    section.inn-banner {border-radius: 0;text-align: center;padding-bottom: 50px;}
    
    section.abt-writing {    margin: 0;    padding: 40px 0; }
    
    .abt-writing .bw_inside {    background: transparent;   }

    img.in-thumb-img {    display: none;    }
    
    .abt-writing .bw_inside h3 {    font-size: 22px;    }
    
    section.exten-abt {    padding-top: 60px;    text-align: center;    }

    .inn-banner h1 {font-size: 28px;line-height: normal;margin-bottom: 10px;}
    
    .inn-banner p {    font-size: 16px;    line-height: normal; }

    section.abt-writing {    text-align: center;    }
    
    .heading p {    font-size: 16px;    }
    
    .bw_inside li {    text-align: left;    }

    .ext_atem br {    display: none;    }
    
    .ext_atem h5 {    font-size: 17px;  }   
    
    .ext_atem {margin-bottom: 0;padding-bottom: 20px;border-bottom: 2px solid #fff;}

    .ext_thumb {    height: auto;       margin-bottom: 20px;    }

    .exten-abt .btn-block {    margin-top: 30px;    }

    section.mark-writing {        margin-top: 0;        background: #fff;        padding-top: 40px;     }
    
    .mark-inn {        padding: 0;    }
    
    .mark-inn:before {        display: none;    }
    
    .mar_bg {        padding: 30px;    }
    
    img.mkd_ico {max-width: 30px;}
    
    .mkd_item h4 br {        display: none;     }
    
    .mark-inn .mt-5 {        margin-top: 0 !important;      }
    
    .mkd_item h4 {        font-size: 18px;      }
    
    .gtype_sec {    margin-top: 40px;   }
    
    .write_pad {    padding-top: 40px;  }
    
    .heading li {    font-size: 16px;   }
    
    .mark-inn .col-md-4 {    margin-top: 15px;  }
    
    .heading ul {    margin-top: 20px;  }
    
    .ex_txt h3 {    text-align: left;    justify-content: center;   }
    
    section.genr-writing {    margin: 0;    background: #fff;    padding-top: 50px; }

    section.genr-writing .bw_inside {    background: transparent;    box-shadow: none;    min-height: auto;     padding-top: 0; }
    
    .gp_items.lgs {    min-height: auto;    }
    
    img.genre-hand {    /* display: none; */    }
    
    .gp_thumb {    display: none;   }
    
    .gp_items.mdt {    margin-top: 0;       min-height: auto;   }
 
    img.editiing-thumb {    margin-bottom: 20px;   }
    
    section.edt-abt {    padding-top: 40px; }

    .edt_atem h3 {    font-size: 36px;  }
    
    img.book-stand {    display: none;  }

    .mark-inn .heading h3 {    font-size: 20px; }
    
    .bonus_item h4 {    font-size: 20px;    }

    .bonus_thumb {    height: auto; }
    
    .bonus_thumb img.bon_ico {    max-height: 80px; }
    
    .bonus_item {    margin-bottom: 30px;   }
    
    img.wren_left , img.wren_right {    display: none;  }
    
    .mark_port {    flex-flow: column;  }
    
    .mark_left {    width: 100%;    }
    
    .markl_1 {    flex-flow: column;    margin-bottom: 0;   }
    
    .mrk_p {    width: 100% !important;    height: auto !important;    margin-bottom: 5px;  }
    
    .mark_right {    width: 100%;   }
    
    .mrk_p.mp8, .mrk_p.mp9 {    min-height: auto;   }
    
    .mrk_p h3 {    position: relative;    bottom: 0;    }
    
    .markl_2, .markl_3 {    margin-bottom: 0;    flex-flow: column; }
    
    .mrk_p.mp9 {    margin-top: 0;  }
    
    .mrk_p {    background-size: cover; }    
        
    .inn-banner .col-md-7 {    display: none;   } 
    
    .pub_writing .col-md-6.order-1 {    order: unset;   }

    .pub_writing .row.mt-5 {    margin-top: 0 !important;   }
    
    .pub_writing .heading {    margin-top: 20px;    }
    
    section.publ-green {    padding-top: 40px;  }

    .publ-green .heading.text-center p {    margin-left: auto;    margin-right: auto;    max-width: 100%;   }
 
    .ct_item {    position: relative;    border-bottom: 1px solid #ddd;    margin-bottom: 20px;    padding-bottom: 20px;   }
    
    section.cnt-writing {    margin: 0;    background: #fff;    padding-top: 40px;    text-align: center;   }

    .ct_item:after {    display: none;  } 
 
    .maps iframe {    height: 250px;    }

    .ct_item.ct_last {    border: none; }  
 
    .logo-mid {    display: flex;    align-items: center;    justify-content: space-between;    }

    header a.logo {  margin: 0; }   
    
 
}


@media only screen and (max-width:767px) and (min-width: 320px) { 








    header a.logo img {
        max-width: 150px;
    }	
    .menu li a:before{ 
        display: none;
    }
    .menu-bottom span:nth-child(2) {
        width: 100%;
    }
    .menu-bottom.click span:nth-child(1) {
        width: 0;
    }
    .menu-bottom.click span:nth-child(2) { 
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        top: 9px;
        width: 100%;
    }
    .menu-bottom.click span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .menu-bottom span:last-child {
        margin-bottom: 0;
    }
    .menu-bottom {
        width: 40px;
        height: 40px;
        padding: 5px;
        float: right;
        position: absolute;
        z-index: 99;
        cursor: pointer;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        right: 0;
        top: 15px;
    }
    .menu-bottom span {
        height: 3px;
        background: #000;
        display: block;
        width: 100%;
        margin-bottom: 6px;
        position: relative;
    }
    .menu-bottom.click span {
        background: white;
    }
    .menu-bottom.click {
        top: -100px;
        position: fixed;
        top: 10px;
        z-index: 1000;
        right: 10px;
        opacity: 1;
    }
    a.menu-bottom {
        display: block;
    }
    .main-menu{
        margin: 0;
        overflow: auto;
        position: fixed;
        right: -100%;
        width: 100%;
        top: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        height: 100%;
        z-index: 999 !important;
        padding-top: 20px;
        display: block;
    }
    .main-menu ul {
        padding: 0 0;
        width: 100%;
        text-align: center;
        flex-direction: column;
    }
    .menu li {
        width: 100%;
        display: block;
    }
    .menu li a, ul li.nav-item.dropdown .nav-link {
        font-size: 16px;
        color: #fff !important;
        font-weight: 500;
        padding: 8px 0 8px 15px;
        text-align: left;
        display: block;
        width: 100%;
        letter-spacing: 0.5px;
        text-align: left;
        margin-bottom: 0;
        text-transform: uppercase;
        display: inline-block;
    }
    .menu-open .main-menu {
        right: 0;
        background: #141414;
        padding-top: 60px;
        margin: 0;
        }
    .menu-open .menu {
        transition-delay: 0.5s;
        opacity: 1;
    } 
    
    section {
        padding: 40px 0;
    }
     
    .popupform h2 {
        font-size: 18px;
    }
    
    .popupform {
        width: 90%;
    } 
    
    .top-inn {    flex-flow: column;    }
    
    .top-bar {    display: none;    }
    
    .header .row {    flex-flow: column;    }
    
    .header .col-auto {    display: none;   }






}









/* @media only screen and (max-width:768px) and (min-width: 320px) { 





.form-ar .form-control {
    height: 46px;
    font-size: 14px;
    resize: none;
    border-radius: 4px;
    border-color: #fff;
    width: 100%;
    overflow: hidden;
} */










@media only screen and (max-width:980px) and (min-width: 768px) { 

    .row.row4{
        width: 100%;
        margin-left: 242px;
    }
}