/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    /*start style for Mobile menu*/
    /* my new css start */
    .search-box-btn.search-box-outer {
        position: relative !important;
        left: -191px !important;
        top: 115px !important;
    }
    .btn-theme-colored2 {
        position: relative;
        left: -21px !important;
    }
    .wedget-service-thumb img {
        margin-left: 140px;
    }
    .widget-text {
        margin-top: 122px !important;
    }
    .widget-title2 {
        width: 52% !important;
        margin-left: 158px !important;
    }
    .widget-text p {
        color: #ed332b;
        margin-left: -21px !important;
    }
    .mobile_tab {
        margin-left: 100px !important;
    }
    .mynav-item123 {
        margin-left: 90px !important;
    }
    /* my new css end */
    .logo {
        display: none !important;
    }
    .logo-txt::before {
        display: block !important;
    }
    .active-nav {
        left: 0 !important;
    }
    .menu-toggle {
        display: block !important;
    }
    .menu-wrapper {
        padding: 30px 0 !important;
        overflow: hidden !important;
    }
    .menu-wrapper nav {
        position: absolute;
        background: #f8f8f8;
        width: 398px;
        transition: .5s;
        top: 60px;
        left: -100%;
        height: 516px;
    }
    .menu-wrapper nav ul {
        width: 100%;
    }
    .menu-wrapper nav ul li {
        display: block !important;
        border-bottom: 1px solid #d9d9d9;
    }
    .menu-wrapper nav ul li:nth-child(6) {
        border-bottom: none;
    }
    .menu-wrapper nav ul li a {
        color: #232323 !important;
        background-color: #f8f8f8;
        width: 100%;
        display: inline-block;
        margin: 0 !important;
        padding: 13px 50px !important;
        font-size: 14px !important;
    }
    .menu-wrapper nav ul li a i {
        display: none !important;
    }
    .menu-wrapper nav ul li a span i {
        display: inline-block !important;
        position: absolute;
        right: 20px;
        color: #232323;
        font-size: 12px;
        top: 17px;
    }
    .menu-wrapper nav ul li:hover a span i {
        color: #FF3c00;
    }
    /*nav end*/
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    /*start style for Mobile menu*/
    /* my new item css start ------------------*/
    .bottom-cta .display_big {
        display: none !important;
    }
    .search-box-btn.search-box-outer {
        position: relative;
        left: -70px !important;
        top: 81px !important;
    }
    .bottom-cta span {
        position: relative;
        left: 128px !important;
    }
    .services-section {
        margin-top: 190px !important;
    }
    .wedget-service-thumb {
        margin-left: 72px !important;
    }
    .widget-text {
        margin-top: 120px !important;
        margin-left: -35px !important;
    }
    .widget-title2 {
        width: 69% !important;
        margin-left: 88px !important;
    }
    .dreamit-department-tab {
        margin-top: 40px !important;
    }
    .mynav-item {
        margin-left: 10px !important;
    }
    .mobile_tab {
        padding-left: 30px !important;
    }
    .only_bigscreen {
        display: none !important;
    }
    .process-single-box.one {
        position: relative;
        left: 1px !important;
    }
    .two_2 {
        position: relative;
        left: 57px !important;
    }
    /* my new item css End -----------------*/
}


/* Smart mobile */

@media only screen and (min-width: 481px) and (max-width: 599px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    /* my new CSS Start------------------------------ */
    .menu {
        position: fixed;
        top: 130px !important;
        left: 87% !important;
    }
    .header-src-btn {
        float: right;
        position: relative;
        margin-top: -15px !important;
        right: 79px;
    }
    .search-box-btn.search-box-outer {
        position: relative;
        left: -61px !important;
        top: 38px !important;
    }
    .carousel-slider-section.style-ten .rs-video {
        position: relative;
        top: 51px !important;
        left: -102px !important;
    }
    .choose-area .content-wrapper {
        position: relative;
        left: 0px !important;
        z-index: 1;
    }
    .process-single-box.one {
        position: relative;
        left: 2px !important;
    }
    .two_2 {
        position: relative;
        left: 57px !important;
    }
    .skill-img.shape-8 {
        display: none;
    }
    .testimonial-area.style-eleven .testimonial-single-box {
        padding: 18px 10px 44px 33px !important;
    }
    .service-area.style-ten .services-btn a {
        position: relative;
        bottom: 15px;
        left: 130px;
    }
    .section-head {
        text-align: center;
    }
    .flip-box-two {
        position: relative !important;
        left: 241px !important;
    }
    .flip-box-four {
        position: relative !important;
        left: 241px !important;
    }
    .services-section {
        margin-top: 185px !important;
    }
    .style-three12 form#dreamit-form {
        position: relative;
        margin-top: -90px !important;
    }
    .widget-text {
        font-size: 14px !important;
        margin-top: 100px !important;
        margin-left: -49px !important;
    }
    .dreamit-department-tab {
        margin-top: 50px !important;
    }
    .pricing-section .pricing-card12 {
        position: relative;
        left: 113px !important;
    }
    .bottom-cta .display_big {
        display: none !important;
    }
    .bottom-cta span {
        position: relative;
        top: 5px;
        left: 71px;
    }
    .only_bigscreen {
        display: none;
    }
    /* my new CSS End------------------------------ */
}

@media only screen and (min-width: 390px) and (max-width: 844px) {
    
    .header-left .header-logo123 img {
        display: none;
    }
    /*.header-logo img {
        padding-left: 102px !important;
        margin-bottom: 20px;
    }*/
    .chat-bubble {
        display: none;
    }
    .header-src-btn {
        position: absolute;
        left: 79%;
    }
    .widget-service-thumb-box12 {
        display: none;
    }
}



@media only screen and (min-width: 820px) and (max-width: 1180px) {
    .header-logo img {
        padding-left: 225px !important;
        margin-bottom: 25px;
        margin-top: 10px;
    }
    .footer-end {
        margin-top: 474px !important;
    }
    .header-src-btn {
        position: absolute;
        left: 90%;
    }
}





/*------------------tab---------responsive---14-12-2022---wrap---start---------*/

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-logo img {
        padding-left: 0px !important;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .contact-form-title h5:before {
        display: none;
    }
    .footer-end {
        margin-top: 321px !important;
    }
    .header-src-btn {
        position: absolute;
        left: 89%;
    }
    .search-popup .close-search i {
        position: relative;
        right: 185px;
        top: 30px;
    }
   

    .header-right {
      margin-right: 0px;
      position: absolute;
      right: 39px;
    }


    .social1 {
        display: none;
    }

    .banner-content h1 {
      font-size: 37px !important;
    }

    .contact-form-title {
      padding: 10px 33px 35px;
    }

    .contact-form-title h3 {
      font-size: 32px;
      line-height: 45px;
      padding-bottom: 15px;
    }


    .style-three12 .from-box input {
        height: 50px;
    }


    .style-three12 form#dreamit-form {
      padding: 47px 42px 45px;
      margin-top: -35px;
    }


    .forget-password .panel-default {
      padding: 12%;
      margin-top: 0%;
    }



}


/*------------------tab---------responsive---14-12-2022---wrap---end---------*/

@media only screen and (min-width: 375px) and (max-width: 667px) {
    .mydemo_1 {
        margin-top: 199px !important;
    }
    .search-popup .close-search i {
        position: relative;
        bottom: 58px;
    }
    .contact-form-box.style-three12 {
        width: 100%;
    }
}


/*---------------my----mob-----css-----------style-----wrap-------14-12-2022-------start-----------*/


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


     .header-left .header-logo123 img {
        display: none;
    }
    
    .header-right {
        margin-right: 25px;
    }
    /*.modal-content {
        width: 94%;
    }*/
    .style-three12 form#dreamit-form {
        position: relative;
        margin-top: -63px;
    }
    .widget-service-thumb-box12 {
        display: none;
    }
    /*.contact-form-box.style-three12 {
        width: 85%;
    }*/
    .search-popup .close-search.style-two {
        left: 327px;
        color: #ffffff;
        top: 66px;
    }
    .chat-bubble {
        display: none;
    }
    .header-src-btn {
        left: 79%;
    }
    .contact-form-title h5:before {
        display: none;
    }


 /*===========================================*/   


.header-top-area.style-two::before {
  width: 57%;
}


marquee {
  display: none;
}


.header-top-right-items ul {
  text-align: center;
  margin-left: -27px;
}

.header-top-area.style-two .header-top-right-icon-area ul li {
  margin-left: 30px;
}

.header-part {
  height: 72px;
}


.header-logo img {
  padding-left: 0px !important;
}


.header-left .header-logo123 img {
  display: none;
}


.header-right {
  margin-right: 0px;
  position: absolute;
  /* top: 45px; */
  right: 13px;
}

.post-btn {
  width: 125px;
  padding: 7px 0px;
  margin-left: 0px;
}


.banner-content h1 {
  font-size: 27px !important;
  line-height: 35px;
  margin-bottom: 0px;
}

.banner-content p {
  display: none;
}


.social1 {
    display: none;
}


.suggest-card {
    padding: 15px 0px 7px;
}


.footer-end p{
    font-size: 13px;
}


ul.footer-contact li {
  margin-left: 9px;
}


ul.footer-contact a {
  margin-top: 0px;
}

.contact-form-title {
    padding: 9px 17px 27px;
}

.contact-form-title h5 {
  font-size: 18px;
  }


  .contact-form-title h3 {
      font-size: 34px;
      line-height: 40px;
      margin-bottom: 40px;
    }

.style-three12 .from-box input {
  padding: 6px 11px;
  height: 45px;
}

.style-three12 form#dreamit-form {
  padding: 42px 27px 38px;
  }


  .toggle-password {
    margin-top: 14px;
    left: 84%;
}


.from-box1 label {
  font-size: 17px !important;
  bottom: 1px;
}


.from-box23 a {
  font-size: 17px;
  margin-left: 0px;
  margin-top: 0px;
}


.forget-password .panel-default {
  padding: 0% !important;
  margin-top: 18% !important;
}


.forget-password .panel-body {
  padding: 26px 28px 8px;
  }

.view-top-hdr{
    display: none;
}

.login-logo img {
    display: none;
}

.department-sidebar{
    display: none !important;
}

.content_block_10 .content-box {
    margin-bottom: 25px;
}


}