@media (min-width: 320px) and (max-width: 767px){
    /*POPUP Css*/
    .modal-content{
        background-image: none;
        background-color: #222;
    }
    #Mymodal button.close {
        margin: 0 40px 0 0 !important;
    }

    .modal-form-txt h2 {
        font-size: 26px;
    }

    .modal-form-txt p {
        font-size: 13px;
    }

    .modal-img {
        display: none;
    }

    .form-col-st {
        margin: 0px 0px 15px 0px;
    }
    /*POPUP Css*/

    .hero_banner {
        padding: 0 0 0px;
    }
    .packg_head h3 {
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

    .banner_img_left {
        display: none;
    }
    .sec-service div#carouselExampleIndicators img {
        width: 100%;
    }

     .sec-service div#carouselExampleIndicators .carousel-inner {
        padding: 0 30px;
    }

    .sec-service .carousel-indicators {
        left: auto;
        margin-right: 0;
        bottom: -60px;
        float: right;
        right: 30px;
        text-align: right;
    }

    .sec-service .carousel-indicators li {
        width: 9px;
        height: 9px;
    }

    .sec-service h1 {
        font-size: 130px;
        line-height: 90px;
    }

    .sec-service h4 {
        font-size: 22px;
        margin-bottom: 15px;
        /* margin-top: -90px; */
    }

    .ebook_section ul {
        text-align: center;
        margin: 41px auto 0 auto;
        padding: 0;
    }

    .ebook_section ul li {
        margin: 0 11px;
        min-height: 140px;
        width: 150px;
    }

    .ebook_section ul li h5 {
        font-size: 13px;
    }

    .hero_banner:before {
        width: 0;
    }

    .logo img {
        width: 130px;
    }

    .head-btn {
        margin: -7px 0 0;
    }

    .number {
        font-size: 12px;
        margin: -7px 0 0 !important;
    }

    .number span {
        font-size: 9px;
    }

    .head-btn a {
        display: inline-block;
        margin: 0 0px 0 0;
    }

    .head-btn .btn_yellow {
        padding: 7px 8px;
        font-size: 13px;
    }

    .head-top .col-xs-6:first-child {
        width: 40%;
    }

    .head-top .col-xs-6:last-child {
        width: 60%;
        padding-left: 0;
    }

    .hero_banner_text {
        padding: 0px 0 50px;
        text-align: center;
    }

    .hero_banner_text h1 {
        font-size: 38px;
    }

    .hero_banner_text h1 span {
        font-size: 16px;
    }

    .hero_banner_text p {
        font-size: 12px;
    }

    .hero_banner_text p br{
        display:none;
    }

    .hero_banner_boxes h2 {

    }

    .banner_list {
        padding: 0 0 0 10px;
        margin: 20px 0 20px;
    }

    .banner_list li {
        color: #fff;
        font-size: 12px;
        padding: 0 0 10px 22px;
        text-shadow: 0 0 7px #000;
        text-align: center;
        margin: auto;
        display: table;
    }

    .banner_list li:before {
        width: 20px;
        height: 20px;
        left: 0;
        background-position: 1px 5px;
    }

    .banner_btn {
        margin: auto;
        display: table;
    }

    .banner_img.banner_img_right{
        float: none;
        margin: 0;
    }
    .banner_img.banner_img_right img {
        display: table;
        width: 100%;
        margin: auto;
        box-shadow: 0px 0px 0px #000000c4;
        position: relative;
    }

    .banner_btn a {
        display: inline-block;
        margin: 0 5px 0;
    }

    .btn_blue, .btn_yellow, .btn_blk, .btn_white {
        padding: 10px 25px;
        font-size: 14px;
    }

    .hero_banner_form {
        width: 100%;
        float: none;
        margin: auto;
        display: table;
    }

    .contact_form_box h3 {
        font-size: 14px;
    }

    .contact_form_box h3 span {
        font-size: 36px;
        margin: 5px 0 0;
    }

    .contact_form_box .form-control {
        height: 38px;
    }

    .contact_form_box textarea.form-control {
        height: 60px !important;
    }

    .title_blk span {
        font-size: 14px;
    }

    .title_blk {
        font-size: 40px;
        text-align: center;
    }

    .types_of_blogs_sec:before {
        display: none;
    }

    .types_of_blogs_boxes .slider-nav {
        width: 100%;
        margin: 0 auto 50px;
    }

    .types_of_blogs_icon {
        height: 95px;
        width: 53px;
    }

    .types_of_blogs_icon h3 {
        margin: 50px 0 0;
        font-size: 9px;
    }

    .types_of_blogs_icon1{
        background-image: url(../images/types-blog-icon1.png);
        background-position: 0px 20px;
    }

    .slick-current .types_of_blogs_icon1{
        background-image: url(../images/types-blog-icon1.png);
        background-position: 0px -65px;
    }

    .types_of_blogs_icon2{
        background-image: url(../images/types-blog-icon2.png);
        background-position: 2px 15px;
    }

    .slick-current .types_of_blogs_icon2{
        background-image: url(../images/types-blog-icon2.png);
        background-position: 2px -75px;
    }

    .types_of_blogs_icon3{
        background-image: url(../images/types-blog-icon3.png);
        background-position: 8px 17px;
    }

    .slick-current .types_of_blogs_icon3{
        background-image: url(../images/types-blog-icon3.png);
        background-position: 8px -73px;
    }

    .types_of_blogs_icon4{
        background-image: url(../images/types-blog-icon4.png);
        background-position: 5px 15px;
    }

    .slick-current .types_of_blogs_icon4{
        background-image: url(../images/types-blog-icon4.png);
        background-position: 5px -75px;
    }

    .types_of_blogs_icon5{
        background-image: url(../images/types-blog-icon5.png);
        background-position: 0px 20px;
    }

    .slick-current .types_of_blogs_icon5{
        background-image: url(../images/types-blog-icon5.png);
        background-position: 0px -60px;
    }

    .types_of_blogs_icon6{
        background-image: url(../images/types-blog-icon6.png);
        background-position: 3px 20px;
    }

    .slick-current .types_of_blogs_icon6{
        background-image: url(../images/types-blog-icon6.png);
        background-position: 3px -60px;
    }

    .guarantee_sec:before {
        display: none;
    }

    .types_of_blogs_box h2 {
        font-size: 140px;
        margin: -20px 0 -85px;
        text-align: center;
    }

    .types_of_blogs_box h3 {
        font-size: 20px;
        text-align: center;
        margin: 36px 0 10px;
    }

    .types_of_blogs_box p {
        font-size: 13px;
        text-align: center;
        margin: 0 0 0;
    }

    .types_of_blogs_btn {
        margin: 30px auto 10px;
        display: table;
    }

    .types_of_blogs_boxes .slider-for {
        z-index: 99;
    }

    .guarantee_sec {
        padding: 60px 0 20px;
        position: relative;
    }

    .guarantee_box {
        text-align: center;
        margin: 0 auto 40px;
    }

    .sample_sec:before {
        display: none;
    }

    .sample_slider .slick-next:before,
    .sample_slider .slick-next  {
        color: #000 !important;
        opacity: 1;
    }

    .sample_slider .slick-prev:after,
    .sample_slider .slick-prev{
        color: #000 !important;
        opacity: 1;
    }

    .sample_slider .slick-prev {
        left: -14px;
        z-index: 999;
        opacity: 1;
    }

    .sample_slider .slick-next {
        right: -4px;
    }

    .hire_us_box1 {
        margin: 0px 0 30px;
    }

    .hire_us_box5 {
        margin: 0 0 0px;
    }


    .types_of_blogs_boxes .slider-for .slick-next:before,
    .types_of_blogs_boxes .slider-for .slick-next {
        color: #000;
        opacity: 1;
        display: none !important;
    }

    .types_of_blogs_boxes .slider-for .slick-prev:after, 
    .types_of_blogs_boxes .slider-for .slick-prev {
        color: #fff;
        opacity: 1;
        z-index: 99;
        display: none !important;
    }
    .slick-next:before,
    .slick-prev:before {
        font-size: 30px;
        display: none !important;
    }

    .hire_us_sec:before {
        display: none;
    }

    .benefits_boxes {
        margin: 40px 0 0;
    }

    .benefits_box {
        margin: 0 0 40px;
    }

    .benefits_box_img {
        height: inherit;
    }

    .benefits_box h3 {
        font-size: 14px;
        margin: 10px 0 0;
    }

    .process_boxes .col-sm-2 {
        width: auto;
    }

    .process_box {
        margin: 0 0 50px;
    }

    .process_box_icon {
        height: 170px;
        width: 170px;
        margin: auto;
    }

    .process_box h3 {
        margin: 15px 0 0px;
    }

    .testimonial_sec:before, .testimonial_sec:after {
        display: none;
    }

    .process_sec {
        padding: 50px 0 10px;
    }

    .testimonial_box_lf {
        padding: 60px 0 0;
    }

    .para {
        font-size: 13px;
        margin: 5px 0 0;
        text-align: center;
    }

    .testimonial_text_lf {
        margin: 0 0 30px;
    }

    .raiting_box_lf {
        margin: auto;
        display: table;
    }

    .testimonial_slider {
        margin: 50px 0 0;
    }

    .clien_review_box {
        padding: 0 10px 0px;
        margin: 0 auto 30px;
        width: 100% !important;
    }

    .form_sec .para br {
        display: none;
    }

    .form_sec_box {
        width: 90%;
    }

    .footer_box p {
        font-size: 12px;
        text-align: center;
    }

    .footer_boxes .col-sm-6.pull-right {
        float: none !important;
    }

    .footer_boxes .col-sm-6:last-child .footer_box {
        float: none !important;
        margin: auto;
        display: table;
    }

    .footer_box a {
        font-size: 13px;
        text-align: center;
        border: none;
    }

    .form_sec:before {
        display: none;
    }

    /*PopUp*/

    .entry-box {
        background-image: none;
        padding-top: 60px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        background-color: #ffffff;
        min-height: 520px;
    }

    a#entry-box_close {
        right: -20px;
        width: 40px;
        height: 40px;
        font-size: 25px;
        top: -17px;
        align-items: center;
        display: grid;
    }

    .entry-left h2 {
        font-size: 18px;
        margin: 0 0 20px 0px;
    }

    .entry-left h2 .lightblue {
        font-size: 38px;
        line-height: 50px;
    }

    .entry-left h2 .darkblue {
        font-size: 17px;
    }

    .entery-submit.btn_blue {
        margin: 15px 35px 0px 0;
        width: 80%;
    }

    #entry-popup .entry-right .form-control {
        height: 40px;
    }

    .entry-right {
        float: none;
        padding: 0;
    }

    /*PopUp*/

    .types_of_services_box {
        width: 100%;
        margin: 0 0 40px;
        text-align: center;
    }

    .types_of_services_box h4 {
        font-size: 18px;
    }

    .types_of_services_box h4:before {
        left: auto;
        font-size: 18px;
        margin: 0 0 0 -30px;
    }

    

    .types_of_services_box p {
        font-size: 13px;
    }

    .package_sec {
        padding: 50px 0 10px;
    }

    .packg_box {
        margin: 0 0 50px;
    }

    .types_of_services_boxes .col-sm-8.no_padding {
        padding: 0 15px;
    }

    .types_of_services_boxes {
        margin: 20px 0 0;
        display: table;
    }

    .clickbank_img img {
        width: 100%;
        margin: 20px 0 0;
    }


}


@media (min-width: 1200px) and (max-width: 1366px){
    .form-col-st {
        margin: 0px 5px 15px 30px;
    }
    .types_of_services_box h4 img {
    position: absolute;
    left: -10px;
    top: 0px;
    width: 43px;
    }

    .modal-dialog {
        max-width: 850px;
        width: auto;
        margin: 4% auto 0;
    }

    .modal-content {
        padding: 30px 0 20px;
    }
    .m-main-div .form-control {
        height: 44px;
        border-radius: 0;
    }

    .m-main-div textarea.form-control {
        height: 70px !important;
    }

    .form-col-st {
        margin: 0px 5px 15px 30px;
    }

    .modal-img img {
        width: 102%;
        margin: 0 0 0 20px;
    }

    .modal-form-div .btn.form-btn {
        height: 50px;
    }

    .side-head {
        left: -249px;
        padding: 2px 60px 10px 30px;
    }

    .side-head h2 {
        font-size: 22px;
        left: -10px;
        top: 20px;
    }

    .side-body textarea {
        height: 50px !important;
    }

    .side-body .field input:not([type="submit"]), .side-body .field select, .side-body .field textarea {
        height: 42px;
    }
    .logo img {
        width: 180px;
    }

    .hero_banner:before {
        left: -230px;
    }

    .hero_banner {
        padding: 0 0 193px;
    }

    

    .hero_banner_text h1 {
        font-size: 60px;
    }

    .hero_banner_text h1 span {
        font-size: 24px;
        margin: 5px 0 5px;
    }

    .hero_banner_text p br{
        /* display:none; */
    }

    .hero_banner_text p {
        font-size:13px;
    }

    .hero_banner_boxes h2 {
  
    }

    .banner_list li {
        font-size: 14px;
        padding: 0 0 7px 30px;
    }

    .banner_img img {
        /* width: 100%; */
    }

    .banner_img_left1 {
        left: 5px;
        top: 0px;
        width: 200px;
    }

    .banner_img_left2 {
        bottom: -520px;
        left: 65px;
        width: 155px;
    }
    .banner_img_left3 {
        bottom: -520px;
        left: 240px;
        width: 200px;
    }

    .banner_img_right1 {
        left: -90px;
        top: 100px;
        width: 180px;
    }

    .banner_img_right2 {
        left: 50px;
        top: 0;
        width: 170px;
    }
    .banner_img_right3 {
        bottom: -465px;
        left: 120px;
        z-index: 1 !important;
        width: 170px;
    }

    .hero_banner_text {
        padding: 50px 0 0;
        /* width: 110%; */
    }

    .btn_yellow,
    .btn_white,
    .btn_blk {
        padding: 10px 28px;
        font-size: 15px;
    }

   

    .number {
        font-size: 17px;
    }

    .title_blk span {
        font-size: 15px;
    }

    .title_blk {
        font-size: 55px;
    }

    .types_of_blogs_boxes {
        z-index: 9999;
        position: relative;
    }

    .types_of_blogs_box p {
        font-size: 14px;
    }

    .types_of_blogs_sec:before {
        bottom: -95px;
        left: -300px;
    }

    .types_of_blogs_boxes .slick-prev {
        left: 10px;
    }

    .types_of_blogs_boxes .slick-next {
        right: 10px;
    }

    .sample_slider .slick-prev {
        left: -15px;
        z-index: 9999;
    }

    .sample_slider .slick-next {
        right: -5px;
        z-index: 9999;
    }

    .sample_sec:before {
        width: 165px;
    }

    .guarantee_box p {
        font-size: 14px;
    }

    .hire_us_box p {
        font-size: 14px;
    }

    .testimonial_sec:after {
        width: 46px;
    }

    .review_name {
        font-size: 16px;
    }

    .review_date {
        font-size: 15px;
    }

    .review_title {
        font-size: 18px;
    }

    .review_body p {
        font-size: 13px;
    }

    .review_link {
        font-size: 14px;
    }

    .testimonial_box_lf {
        padding: 85px 0 0;
        z-index: 999;
        position: relative;
    }

    .para {
        font-size: 14px;
    }

    .testimonial_sec:before {
        left: -260px;
    }

    .hire_us_sec:before {
        left: 20px;
    }

    .hire_us_sec:after {
        right: 20px;
    }

    .form_sec:before {
        width: 190px;
    }


    /*PopUp*/
    .entry-box {
        min-height: 540px;
    }

    #entry-popup .entry-right .form-control {
        height: 45px;
        margin: 0 0 0 30px;
    }

    #entry-popup .entry-right textarea.form-control {
        height: 60px;
        padding: 15px 0 0;
    }

    .types_of_services_box {
        width: 93%;
        margin: 0 0 40px 20px;
    }

    .types_of_services_box h4:before {
        left: 5px;
        font-size: 18px;
    }

}



@media (min-width: 1367px) and (max-width: 1600px){
    .logo img {
        width: 180px;
    }

    .hero_banner:before {
        left: -230px;
    }

    .hero_banner {
        padding: 0 0 188px;
    }

    .hero_banner_text {
        padding: 50px 0 0;
        /* width: 110%; */
    }

    .banner_img img {
        /* width: 100%; */
    }

    .banner_img_left1 {
        left: 5px;
        top: 0px;
        width: 200px;
    }

    .banner_img_left2 {
        bottom: -520px;
        left: 65px;
        width: 155px;
    }
    .banner_img_left3 {
        bottom: -520px;
        left: 240px;
        width: 200px;
    }

    .banner_img_right1 {
        left: -90px;
        top: 100px;
        width: 180px;
    }

    .banner_img_right2 {
        left: 50px;
        top: 0;
        width: 170px;
    }
    .banner_img_right3 {
        bottom: -465px;
        left: 120px;
        z-index: 1 !important;
        width: 170px;
    }

    

    .btn_yellow,
    .btn_white,
    .btn_blk {
        padding: 10px 28px;
        font-size: 15px;
    }

    .number {
        font-size: 18px;
    }

    .hero_banner_text h1 {
        font-size: 65px;
    }

    .hero_banner_text h1 span {
        font-size: 20px;
        margin: 5px 0 5px;
    }

    .hero_banner_text p br{
        /* display:none; */
    }

    .hero_banner_text p {
        font-size:13px
    }

    .hero_banner_boxes h2 {

    }

    .banner_list li {
        font-size: 14px;
        padding: 0 0 7px 30px;
    }

    .title_blk span {
        font-size: 15px;
    }

    .title_blk {
        font-size: 55px;
    }

    .types_of_blogs_boxes {
        z-index: 9999;
        position: relative;
    }

    .types_of_blogs_box p {
        font-size: 14px;
    }

    .types_of_blogs_sec:before {
        bottom: -95px;
        left: -300px;
    }

    .types_of_blogs_boxes .slick-prev {
        left: 10px;
    }

    .types_of_blogs_boxes .slick-next {
        right: 10px;
    }

    .sample_slider .slick-prev {
        left: -15px;
        z-index: 9999;
    }

    .sample_slider .slick-next {
        right: -5px;
        z-index: 9999;
    }

    .sample_sec:before {
        width: 165px;
    }

    .guarantee_box p {
        font-size: 14px;
    }

    .hire_us_box p {
        font-size: 14px;
    }

    .testimonial_sec:after {
        width: 46px;
    }

    .review_name {
        font-size: 16px;
    }

    .review_date {
        font-size: 15px;
    }

    .review_title {
        font-size: 18px;
    }

    .review_body p {
        font-size: 13px;
    }

    .review_link {
        font-size: 14px;
    }

    .testimonial_box_lf {
        padding: 85px 0 0;
        z-index: 999;
        position: relative;
    }

    .para {
        font-size: 14px;
    }

    .testimonial_sec:before {
        left: -260px;
    }

    .hire_us_sec:before {
        left: 20px;
    }

    .hire_us_sec:after {
        right: 20px;
    }

    .form_sec:before {
        width: 190px;
    }


    /*PopUp*/
    .entry-box {
        min-height: 540px;
    }

    #entry-popup .entry-right .form-control {
        height: 45px;
        margin: 0 0 0 30px;
    }

    #entry-popup .entry-right textarea.form-control {
        height: 60px;
        padding: 15px 0 0;
    }

    .types_of_services_box {
        width: 93%;
        margin: 0 0 40px 20px;
    }

    .types_of_services_box h4:before {
        left: 5px;
        font-size: 18px;
    }
}

@media (min-width: 1601px) and (max-width: 1800px){
    .logo img {
        width: 180px;
    }

    .hero_banner:before {
        left: -230px;
    }

    .hero_banner {
        padding: 0px 0 178px;
    }

    .hero_banner_text {
        padding: 50px 0 0;
        /* width: 110%; */
    }

    .banner_img img {
        /* width: 100%; */
    }

    .banner_img_left1 {
        left: 55px;
        top: 0px;
        width: 200px;
    }

    .banner_img_left2 {
        bottom: -520px;
        left: 115px;
        width: 155px;
    }
    .banner_img_left3 {
        bottom: -520px;
        left: 290px;
        width: 200px;
    }

    .banner_img_right1 {
        left: -130px;
        top: 100px;
        width: 180px;
    }

    .banner_img_right2 {
        left: 0px;
        top: 0;
        width: 170px;
    }
    .banner_img_right3 {
        bottom: -465px;
        left: 100px;
        z-index: 1 !important;
        width: 170px;
    }

    

    .btn_yellow,
    .btn_white,
    .btn_blk {
        padding: 10px 28px;
        font-size: 15px;
    }

    .number {
        font-size: 18px;
    }

    .hero_banner_text h1 {
        font-size: 70px;
    }

    .hero_banner_text h1 span {
        font-size: 20px;
        margin: 5px 0 5px;
    }

    .hero_banner_text p br{
        /* display:none; */
    }

    .hero_banner_text p {
        font-size: 14px;
    }

    .hero_banner_boxes h2 {

    }

    .banner_list li {
        font-size: 14px;
        padding: 0 0 7px 30px;
    }

    .title_blk span {
        font-size: 15px;
    }

    .title_blk {
        font-size: 55px;
    }

    .types_of_blogs_boxes {
        z-index: 9999;
        position: relative;
    }

    .types_of_blogs_box p {
        font-size: 14px;
    }

    .types_of_blogs_sec:before {
        bottom: -95px;
        left: -300px;
    }

    .types_of_blogs_boxes .slick-prev {
        left: 10px;
    }

    .types_of_blogs_boxes .slick-next {
        right: 10px;
    }

    .sample_slider .slick-prev {
        left: -15px;
        z-index: 9999;
    }

    .sample_slider .slick-next {
        right: -5px;
        z-index: 9999;
    }

    .sample_sec:before {
        width: 165px;
    }

    .guarantee_box p {
        font-size: 14px;
    }

    .hire_us_box p {
        font-size: 14px;
    }

    .testimonial_sec:after {
        width: 46px;
    }

    .review_name {
        font-size: 16px;
    }

    .review_date {
        font-size: 15px;
    }

    .review_title {
        font-size: 18px;
    }

    .review_body p {
        font-size: 13px;
    }

    .review_link {
        font-size: 14px;
    }

    .testimonial_box_lf {
        padding: 85px 0 0;
        z-index: 999;
        position: relative;
    }

    .para {
        font-size: 14px;
    }

    .testimonial_sec:before {
        left: -260px;
    }

    .hire_us_sec:before {
        left: 20px;
    }

    .hire_us_sec:after {
        right: 20px;
    }

    .form_sec:before {
        width: 190px;
    }


    /*PopUp*/
    .entry-box {
        min-height: 540px;
    }

    #entry-popup .entry-right .form-control {
        height: 45px;
        margin: 0 0 0 30px;
    }

    #entry-popup .entry-right textarea.form-control {
        height: 60px;
        padding: 15px 0 0;
    }

    .types_of_services_box {
        width: 93%;
        margin: 0 0 40px 20px;
    }

    .types_of_services_box h4:before {
        left: 5px;
        font-size: 18px;
    }
}