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



    .boxed_wrapper_box_page {

        overflow-x: hidden;

    }





}





/* Large Layout: 1200px. */

@media only screen and (min-width: 1200px) {}













/* Medium screen  */

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



    /*** Header Style One Css ***/

    .header-top {

        /* display: none; */

    }





    .about-style1__content {

        margin-top: 50px;

        margin-left: 0px;

    }



    .about-style1__image .text-outer {

        display: none;

    }







    .service-style1__top-title {

        max-width: 100%;

        width: 100%;

        padding-bottom: 33px;

    }



    .service-style1__top {

        padding-bottom: 60px;

    }







    .single-features-style2-box {

        padding: 112px 30px;

    }



    .single-features-style2-box .inner-content {

        max-width: 100%;

        width: 100%;

        float: none;

    }



    .single-features-style2-box.left .inner-content {

        float: none;

        margin-left: 0;

    }



    .single-features-style2-box .inner-content .title h2 {

        font-size: 30px;

    }







    .single-service-style2 .text-holder {

        padding: 33px 36px 43px;

    }



    .single-service-style2 .text-holder h3 {

        font-size: 24px;

    }







    .choose-style1__title-box .sec-title--style2 {

        padding-bottom: 28px;

    }





    .single-blog-style1 {

        max-width: 570px;

        margin: 0 auto 40px;

    }



    .single-blog-style1__inner {

        padding-left: 0px;

        min-height: auto;

    }



    .single-blog-style1 .img-holder {

        position: relative;

        width: 100%;

    }



    .single-blog-style1 .text-holder {

        border: 1px solid #cad7cf;

        border-left: 1px solid #cad7cf;

        border-top: none;

        padding: 36px 30px 29px;

    }







    .phone-number-box2 {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .slogan-text-box {

        text-align: center;

        padding: 20px 0 30px;

    }



    .slogan-btn-box {

        text-align: center;

    }







    /*** Footer Area Css ***/

    .bottom-parallax,

    .parallax-visible .bottom-parallax {

        position: relative;

        height: auto;

        opacity: 1;

        visibility: visible;

        z-index: 10;

    }



    .bottom-parallax .footer-area {

        position: relative;

        top: 0px;

        left: 0px;

        width: 100%;

        height: auto;

    }



    .single-footer-widget.marbtm50 {

        margin-bottom: 50px;

    }



    .single-footer-widget.margin-left40 {

        margin-left: 0px;

    }



    .single-footer-widget--contact-info-box {

        float: left;

    }







    .header-style2 .auto-container {

        padding-left: 100px;

    }







    .about-style2__content {

        padding-top: 50px;

        padding-left: 0px;

    }



    .about-style2-area .container::before {

        left: -1000000px;

        bottom: -120px;

        right: -100000px;

        background: #ebf1ed;

    }



    .about-style2__image::before {

        display: none;

    }







    .features-style3__list {

        padding-top: 50px;

    }





    .testimonial-style2-area .shape1 {

        display: none;

    }







    .single-working-process .icon-holder {

        width: 150px;

        height: 150px;

    }



    .single-working-process .icon-holder:before {

        left: -36px;

        bottom: -36px;

        right: -36px;

        height: 110px;

    }



    .working-process__inner .horizontal-line {

        top: 75px;

        left: -90px;

        right: -90px;

    }



    .single-working-process:nth-child(2n+2) .icon-holder:before {

        top: -35px;

        bottom: auto;

        height: 110px;

    }







    .service-details__content .text-box2 .text-box2-single {

        margin-bottom: 10px;

    }



    .service-details__content .text-box4 .content-box {

        padding-top: 50px;

    }







    .about-style3__content {

        padding-top: 50px;

        margin-left: 0px;

    }







    .single-service-style2 .text-holder h3 {

        font-size: 22px;

    }







    .industries-details__text-box .text-right-box {

        padding-top: 53px;

    }







    .faq-form-box {

        margin-top: 70px;

    }







    .blog-page-three .single-blog-style1 {

        max-width: 100%;

    }



    .thm-sidebar-box {

        padding-top: 80px;

    }





    .blog-details-page .single-blog-style1 {

        max-width: 100%;

    }





    .contact-info-box .text p br {

        display: none;

    }







    .testimonial-style1__conent-box .text-box {

        padding-top: 130px;

    }



    #testimonials-style1__thumb {

        left: 0px;

    }



    .testimonial-style1__conent-box .img-box {

        margin-left: 30px;

    }





























}













/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider .slide {
  
    height: 493px;
}

    .features-style1__content ul {
    display: block;
    padding: 0 50px;
    margin-top: 19px;
}


    /*** Header Style One Css ***/

    .header-top {

        /* display: none; */

    }
    .header-top .header-top__right .btn-one {
        display: none;
    }



    .phone-number-box1 {

        display: none;

    }





    .features-style1__content ul {display: block;padding: 0 50px;margin-top: 19px;}



    .features-style1__content ul li {

        max-width: 100%;

        width: 100%;

    }





    .about-style1__content {

        margin-top: 50px;

        margin-left: 0px;

    }



    .about-style1-area .shape1 {

        display: none;

    }



    .about-style1__image .text-outer {

        display: none;

    }







    .service-style1__top {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        padding-bottom: 60px;

    }



    .service-style1__top-title {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        max-width: 100%;

        width: 100%;

        text-align: center;

    }



    .service-style1__top-title .text {

        padding-top: 15px;

        padding-bottom: 28px;

        max-width: 100%;

    }







    .single-features-style2-box {

        padding: 112px 30px;

    }



    .single-features-style2-box .inner-content {

        max-width: 100%;

        width: 100%;

        float: none;

    }



    .single-features-style2-box.left .inner-content {

        float: none;

        margin-left: 0;

    }







    .choose-style1__title-box .sec-title--style2 {

        padding-bottom: 28px;

    }



    .single-fact-counter {

        max-width: 100%;

        width: 100%;

        padding-left: 0px;

        padding-right: 0px;

        margin-bottom: 38px;

    }



    .single-fact-counter:before {

        display: none;

    }







    .single-blog-style1 {

        max-width: 570px;

        margin: 0 auto 40px;

    }



    .single-blog-style1__inner {

        padding-left: 0px;

        min-height: auto;

    }



    .single-blog-style1 .img-holder {

        position: relative;

        width: 100%;

    }



    .single-blog-style1 .text-holder {

        border: 1px solid #cad7cf;

        border-left: 1px solid #cad7cf;

        border-top: none;

        padding: 36px 30px 29px;

    }





    .phone-number-box2 {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .slogan-text-box {

        text-align: center;

        padding: 20px 0 30px;

    }



    .slogan-btn-box {

        text-align: center;

    }





    /*** Footer Area Css ***/

    .bottom-parallax,

    .parallax-visible .bottom-parallax {

        position: relative;

        height: auto;

        opacity: 1;

        visibility: visible;

        z-index: 10;

    }



    .bottom-parallax .footer-area {

        position: relative;

        top: 0px;

        left: 0px;

        width: 100%;

        height: auto;

    }



    .single-footer-widget.marbtm50 {

        margin-bottom: 50px;

    }



    .single-footer-widget.margin-left40 {

        margin-left: 0px;

    }



    .single-footer-widget--contact-info-box {

        float: left;

    }



    .subscribe-title {

        margin-bottom: 10px;

    }







    .header-style2 .auto-container {

        padding-left: 20px;

        padding-right: 20px;

    }



    .header-style2__right {

        display: none;

    }







    .service-style3-area .container::before {

        left: -1000000px;

        bottom: -80px;

        right: -100000px;

    }



    .service-style3__top {

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        padding-bottom: 48px;

    }



    .service-style3__top .text {

        top: 0px;

        max-width: 100%;

        width: 100%;

        padding-top: 15px;

    }







    .about-style2__content {

        padding-top: 50px;

        padding-left: 0px;

    }



    .about-style2-area .container::before {

        left: -1000000px;

        bottom: -120px;

        right: -100000px;

        background: #ebf1ed;

    }



    .about-style2__image::before {

        display: none;

    }





    .features-style3__list {

        padding-top: 50px;

    }







    .working-process__inner .horizontal-line {

        display: none;

    }



    .working-process-area .sec-title {

        padding-bottom: 54px;

    }



    .single-working-process {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

        padding: 0px 30px 0px;

        margin-bottom: 48px;

    }



    .testimonial-style2-area .shape1 {

        display: none;

    }



    .single-working-process .icon-holder::after {

        display: none;

    }



    .single-working-process .text-holder {

        padding-top: 40px;

    }







    .service-details__content .text-box2 .text-box2-single {

        margin-bottom: 10px;

    }



    .service-details__content .text-box4 .content-box {

        padding-top: 50px;

    }



    .service-details__sidebar {

        margin-top: 70px;

    }





    .about-style3__content {

        padding-top: 50px;

        margin-left: 0px;

    }





    .faq-form-box {

        margin-top: 70px;

    }







    .blog-page-three .single-blog-style1 {

        max-width: 100%;

    }



    .thm-sidebar-box {

        padding-top: 80px;

    }





    .blog-details-page .single-blog-style1 {

        max-width: 100%;

    }







    .contact-form--style2 {

        max-width: 100%;

        padding: 58px 70px 48px;

        margin-top: 60px;

    }







    .testimonial-style1__conent-box .text-box {

        padding-top: 130px;

    }



    #testimonials-style1__thumb {

        left: 0px;

    }



    .testimonial-style1__conent-box .img-box {

        margin-left: 30px;

    }

























}









/* Mobile Layout: 320px. */

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



    .sec-title h2 br {

        display: none;

    }



    /*** Header Style One Css ***/

    .header .auto-container {

        padding-right: 20px;

    }


    .header-top .header-top__left,
    .header-top .header-top__right .btn-one {

        display: none;

    }
    .header-top .auto-container {
        padding: 2px;
    }
    .header-top__right {
        width: 100%;
    }


    .phone-number-box1 {

        display: none;

    }



    .serach-button-style1 {

        display: none;

    }



    .header-social-link {

        display: none;

    }



    .header-right {

        display: none;

    }



    .main-logo-box {

        width: 220px;

    }

    .main-logo-box img {
        width: 100px;
    }

    .main-slider .slide {
        position: relative;
        display: block;
        padding-top: 50px;
        padding-bottom: 50px;
        height: 100vh;
    }
    .single-service-style1 .text {
        min-height: auto;
    }
    .contact-info-style1-area {
        padding: 3rem 0;
    }
    .features-style1__content ul {

        display: block;

        padding: 0 20px;

        margin-top: -60px;

    }
    .main-slider .content p {
        font-size: 1.25rem;
        width: 100%;
    }
    .main-slider .slide {
        padding-top: 50px;
        padding-bottom: 50px;
    }



    .features-style1__content ul li {

        max-width: 100%;

        width: 100%;

        padding: 0 0px;

        padding-top: 54px;

        padding-bottom: 45px;

    }



    .single-features-style1 {

        padding-left: 0px;

    }



    .single-features-style1 .icon-holder {

        position: relative;

        top: 0;

        left: 0;

        right: 0;

        margin: 0 auto;

    }



    .single-features-style1 .text-holder {

        padding-top: 25px;

        padding-left: 0px;

        text-align: center;

    }







    .about-style1__content {

        margin-top: 50px;

        margin-left: 0px;

    }



    .about-style1-area .shape1 {

        display: none;

    }



    .about-style1__image .text-outer {

        display: none;

    }



    .video-gallery-style1 {

        float: none;

        margin: 25px 0 0;

    }



    .about-style1__image ul {

        margin-left: 0px;

        margin-right: 0px;

    }



    .about-style1__image ul li {

        float: none;

        padding: 0;

        margin-bottom: 20px;

    }



    .about-style1__image ul li:last-child {

        margin-bottom: 0;

    }



    .about-style1__image ul li .img-box {

        max-width: 200px;

        width: 100%;

        margin: 0 auto;

    }



    .about-style1__image ul li:last-child .img-box {

        max-width: 320px;

    }



    .about-style1__image .border-top {

        display: none;

    }



    .about-style1__image .border-left {

        display: none;

    }



    .about-style1__image .border-bottom {

        display: none;

    }



    .about-style1__image .border-right {

        display: none;

    }







    .service-style1__top {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        padding-bottom: 60px;

    }



    .service-style1__top-title {

        flex-direction: column;

        justify-content: center;

        align-items: center;

        max-width: 100%;

        width: 100%;

        text-align: center;

    }



    .service-style1__top-title .text {

        padding-top: 15px;

        padding-bottom: 18px;

        max-width: 300px;

        margin: 0 auto;

    }



    .service-style1__top .sec-title--style2 h2 {

        font-size: 40px;

    }









    .single-features-style2-box {

        padding: 112px 30px;

        min-height: 360px;

    }



    .single-features-style2-box .inner-content {

        float: none;

        padding-left: 75px;

        width: 320px;

    }



    .single-features-style2-box .inner-content .title h2 {

        font-size: 26px;

    }



    .single-features-style2-box .inner-content .title h2 br {

        display: none;

    }



    .single-features-style2-box.left .inner-content {

        float: none;

        margin-left: 0px;

    }







    .single-service-style2 .text-holder {

        padding: 33px 36px 43px;

    }



    .single-service-style2 .text-holder h3 {

        font-size: 24px;

    }







    .choose-style1__title-box .sec-title--style2 {

        padding-bottom: 28px;

    }



    .single-fact-counter {

        max-width: 100%;

        width: 100%;

        text-align: center;

        padding-left: 0px;

        padding-right: 0px;

        margin-bottom: 38px;

    }



    .single-fact-counter:before {

        display: none;

    }





    .single-blog-style1 {

        max-width: 570px;

        margin: 0 auto 40px;

    }



    .single-blog-style1__inner {

        padding-left: 0px;

        min-height: auto;

    }



    .single-blog-style1 .img-holder {

        position: relative;

        width: 100%;

    }



    .single-blog-style1 .text-holder {

        border: 1px solid #cad7cf;

        border-left: 1px solid #cad7cf;

        border-top: none;

        padding: 36px 30px 29px;

    }





    .phone-number-box2 {

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .phone-number-box2 .phone {

        padding-left: 10px;

    }



    .phone-number-box2 .phone a {

        font-size: 24px;

    }



    .slogan-text-box {

        text-align: center;

        padding: 20px 0 30px;

    }



    .slogan-btn-box {

        text-align: center;

    }





    /*** Footer Area Css ***/

    .bottom-parallax,

    .parallax-visible .bottom-parallax {

        position: relative;

        height: auto;

        opacity: 1;

        visibility: visible;

        z-index: 10;

    }



    .bottom-parallax .footer-area {

        position: relative;

        top: 0px;

        left: 0px;

        width: 100%;

        height: auto;

    }



    .single-footer-widget.marbtm50 {

        margin-bottom: 50px;

    }



    .single-footer-widget.pdtop50 {

        padding-top: 50px;

    }



    .single-footer-widget.margin-left40 {

        margin-left: 0px;

    }



    .single-footer-widget--contact-info-box {

        float: left;

    }





    .subscribe-content-box {

        padding: 31px 20px 31px;

    }



    .subscribe-title {

        margin-bottom: 10px;

    }



    .subscribe-title .inner-title {

        padding-left: 10px;

    }



    .subscribe-title .inner-title h3 {

        font-size: 18px;

    }



    .subscribe-title .inner-title h3 br {

        display: none;

    }







    .header-style2 .auto-container {

        padding-left: 20px;

        padding-right: 20px;

    }



    .header-style2 .outer-box::before {

        left: -20px;

        right: -20px;

    }



    .main-logo-box-style2 {

        margin-right: 0px;

    }



    .header-style2__right {

        display: none;

    }







    .service-style3-area .container::before {

        left: -1000000px;

        bottom: -80px;

        right: -100000px;

    }



    .service-style3__top {

        flex-direction: column;

        justify-content: flex-start;

        align-items: flex-start;

        padding-bottom: 48px;

    }



    .service-style3__top .text {

        top: 0px;

        max-width: 100%;

        width: 100%;

        padding-top: 15px;

    }







    .about-style2__content {

        padding-top: 50px;

        padding-left: 0px;

    }



    .about-style2-area .container::before {

        left: -1000000px;

        bottom: -120px;

        right: -100000px;

        background: #ebf1ed;

    }



    .about-style2__image::before {

        display: none;

    }







    .features-style3__list {

        padding-top: 50px;

    }



    .features-style3__list ul {

        float: none;

    }



    .features-style3__list ul.style2 {

        float: none;

        padding-left: 0;

    }







    .working-process__inner .horizontal-line {

        display: none;

    }



    .working-process-area .sec-title {

        padding-bottom: 54px;

    }



    .single-working-process {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

        padding: 0px 30px 0px;

        margin-bottom: 48px;

    }



    .testimonial-style2-area .shape1 {

        display: none;

    }



    .single-working-process .icon-holder::after {

        display: none;

    }



    .single-working-process .text-holder {

        padding-top: 40px;

    }







    .service-details__content .text-box2 .text-box2-single {

        margin-bottom: 10px;

    }



    .service-details__content .text-box4 .content-box {

        padding-top: 50px;

    }



    .service-details__sidebar {

        margin-top: 70px;

    }







    .about-style3__content {

        padding-top: 50px;

        margin-left: 0px;

    }



    .about-style3__content ul li {

        float: none;

        width: 100%;

        border-right: 0px solid #cad7cf;

    }



    .about-style3__content ul li:last-child {

        border-right: none;

        padding-top: 40px;

        padding-left: 0px;

    }



    .about-style3-experience {

        display: none;

    }



    .about-style3__img-box {

        max-width: 100%;

        width: 100%;

        padding-right: 0px;

    }







    .faq-form-box {

        margin-top: 70px;

        padding: 56px 20px 58px;

    }







    .accordion-box .block .acc-btn {

        padding-left: 20px;

        padding-right: 60px;

    }



    .accordion-box .block .acc-content {

        padding-left: 20px;

        padding-right: 20px;

    }





    .blog-page-three .single-blog-style1 {

        max-width: 100%;

    }



    .thm-sidebar-box {

        padding-top: 80px;

    }







    .blog-details-page .single-blog-style1 {

        max-width: 100%;

    }



    .tag-social-share-box {

        flex-direction: column;

        justify-content: center;

        align-content: center;

    }



    .tag-social-share-box .post-social-share {

        margin-top: 10px;

    }



    .blog-details-author {

        padding: 60px 30px 60px;

    }



    .blog-details-author .inner-box .img-box,

    .blog-details-author .inner-box .text {

        display: block;

    }



    .blog-details-author .inner-box .text {

        padding-top: 30px;

        padding-left: 0px;

    }





    .comment-box .single-comment-box {

        padding-left: 0px;

        min-height: auto;

    }



    .comment-box .single-comment-box .img-holder {

        position: relative;

        top: 11px;

    }



    .comment-box .single-comment-box .text-holder {

        padding-top: 25px;

        padding-left: 0px;

        min-height: auto;

    }





    .single-sidebar-box {

        padding: 50px 20px 50px;

    }







    .contact-form--style2 {

        max-width: 100%;

        padding: 58px 30px 48px;

        margin-top: 60px;

    }



    .contact-info-box .text p br {

        display: none;

    }



    .contact-form form .button-box button {

        padding-top: 9px;

        padding-bottom: 5px;

        padding-left: 30px;

        padding-right: 30px;

    }







    .testimonial-style1__conent-box .text-box {

        padding-top: 130px;

    }



    #testimonials-style1__thumb {

        left: 0px;

    }



    .testimonial-style1__conent-box .img-box {

        margin-left: 30px;

    }

























}









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



    .main-menu .navigation>li>ul,

    .main-menu .navigation>li>ul>li>ul,

    .main-menu .navigation>li .megamenu {

        display: block !important;

        visibility: hidden;

        opacity: 0;

    }





}







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





    .main-header .main-menu {

        position: relative;

        display: block;

        width: 100%;

        float: none;

    }



    .main-header .nav-outer .main-menu,

    .sticky-header {

        display: none !important;

    }



    .nav-outer .mobile-nav-toggler {

        display: block;

    }



    .mobile-nav-toggler .icon-bar {

        position: relative;

        display: block;

        background: #ffffff;

        height: 2px;

        width: 30px;

        margin: 7px 5px;

    }





}















@media only screen and (min-width: 1200px) and (max-width: 1550px) {



    /*** Header Style One Css ***/

    .header .auto-container {

        padding-right: 20px;

    }



    .main-menu .navigation>li {

        margin-right: 30px;

    }



    .header-social-link {

        display: none;

    }







    .header-style2 .outer-box::before {

        left: 200px;

    }



    .main-logo-box-style2 {

        margin-right: 30px;

    }



    .header-style2__right {

        padding-right: 20px;

    }



    .header-style2__right .phone-number-box1 {

        margin-right: 0px;

    }



    .header-style2__middle .main-menu .navigation>li {

        margin-right: 20px;

    }







    .testimonial-style2-area .shape1 {

        display: none;

    }













}































@media only screen and (min-width: 1200px) and (max-width: 1420px) {



    /*** Main Slider Css ***/

    .main-slider .auto-container {

        padding: 0px 120px;

    }



    /*** Main Slider Style1 Css ***/















}











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



    /*** Main Slider Css ***/

    .main-slider .auto-container {

        padding: 0px 120px;

    }



    /*** Main Slider Style1 Css ***/

    .main-slider .owl-theme .owl-nav {

        padding: 0 30px;

    }



    .main-slider .content .big-title h2 {

        font-size: 70px;

    }





    /*** Main Slider Style2 Css ***/

    .main-slider.style2 {

        padding-left: 100px;

    }





























}







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



    /*** Main Slider Css ***/

    .main-slider .auto-container {

        padding: 0px 120px;

    }





    /*** Main Slider Style1 Css ***/

    .main-slider .owl-theme .owl-nav {

        padding: 0 30px;

    }



    .main-slider .content .big-title h2 {

        font-size: 50px;

    }





    /*** Main Slider Style2 Css ***/

    .main-slider.style2 {

        padding-left: 0px;

    }























}









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

    .main-slider.style2 {

        margin-top: 0px;

    }



    /*** Main Slider Css ***/

    .main-slider .owl-theme .owl-nav {

        display: none;

    }



    .main-slider .auto-container {

        padding: 0px 50px;

        padding-right: 50px;

    }





    /*** Main Slider Style1 Css ***/

    .main-slider .content .big-title h2 {

        font-size: 50px;

    }



    .main-slider .content .big-title h2 br {

        display: none;

    }





    /*** Main Slider Style2 Css ***/

    .main-slider.style2 {

        padding-left: 0px;

    }



























}







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



    /*** Main Slider Css ***/

    .main-slider .owl-theme .owl-nav {

        display: none;

    }



    .main-slider .auto-container {

        padding: 0px 20px;

        padding-right: 20px;

    }





    /*** Main Slider Style1 Css ***/

    /* .main-slider .slide {

        padding-top: 198px;

        padding-bottom: 221px;

    } */



    .main-slider .content .big-title h2 {

        font-size: 40px;

        font-weight: 600;

    }



    .main-slider .content .big-title h2 br {

        display: none;

    }





    /*** Main Slider Style2 Css ***/

    .main-slider.style2 {

        padding-left: 0px;

    }



    .main-slider.style2 .slide {

        position: relative;

        display: block;

        padding-top: 198px;

        padding-bottom: 205px;

    }















}















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

    .order-2 {

        -ms-flex-order: 2;

        order: 2;

    }



    .order-1 {

        -ms-flex-order: 1;

        order: 1;

    }





}



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

    .order-box-2 {

        -ms-flex-order: 2;

        order: 2;

    }



    .order-box-1 {

        -ms-flex-order: 1;

        order: 1;

    }





}



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

    .order-box-2 {

        -ms-flex-order: 2;

        order: 2;

    }



    .order-box-1 {

        -ms-flex-order: 1;

        order: 1;

    }





}