/* 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-top-area {
        display: none;
    }
    .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: 360px) and (max-width: 740px) {
    .header-top-area {
        display: none;
    }
    .header-left .header-logo123 img {
        display: none;
    }
    .header-logo img {
        margin-top: 14px;
        margin-bottom: 23px;
    }
    .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;
    }
}

@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%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .header-logo img {
        padding-left: 224px !important;
        margin-bottom: 25px;
        margin-top: 7px;
    }
    .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;
    }
    .contact-form-box.style-three12 {
        margin-top: -178px;
        width: 100%;
        margin-left: -163px;
    }
}

@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%;
    }
}