@media only screen and (max-width:5000px){ .boxed_wrapper_box_page{   overflow-x:hidden; }  }  @media only screen and (min-width:1200px){ }   @media only screen and (min-width:992px) and (max-width:1199px) { .header-top-left::before {   right:-50%; } .header-contact-info {   padding-left:0px; } .header-contact-info .left {   position:relative;   left:0; } .header-contact-info .right p a {   color:#ffffff; } .header-contact-info .right p a:hover{   color:#11161e; } .header-contact-info .right p span::before {   color:#ffffff; } .header-top-right .header-social-link-1 {   padding:22px 0 23px; }   .about-style1-content-box {   justify-content:center;   flex-direction:column;   text-align:center; } .about-style1-content-box .text-holder {   max-width:100%;   width:100%; } .about-style1-content-box .inner-content ul {   max-width:500px;   margin:0 auto; } .about-style1-content-box .img-holder {   margin:0 auto; }   .project-style1_top_box .sec-title {   padding-bottom:17px; } .project-style1_top_box .sec-title h2 br{   display:none; } .project-style1_top_box .text_box {   max-width:100%; } .single-project-style1 {   -ms-flex:0 0 50%;   flex:0 0 50%;   max-width:50%;   margin-bottom:50px; } .project-style1_viewmore_button {   padding-top:20px; }  .testimonial-style1-content .inner-content {   padding:61px 70px 70px; } .single-testimonial-style1 {   flex-direction:column;   justify-content:center;   align-items:center;   text-align:center; } .single-testimonial-style1 .text-holder {   max-width:100%;   width:100%; } .single-testimonial-style1 .img-holder {   margin-top:23px; } .single-testimonial-style1 .text-holder .client-info {   margin-top:35px;   padding-top:0px;   padding-left:0px;   padding-bottom:0px; }   .single-footer-widget.marbtm{   margin-bottom:50px; }  .header-bottom_style2_right .nav-outer .mobile-nav-toggler{   padding:20px 0 20px;   }  .about-style2-content-box .text-holder {   max-width:100%;   padding-top:120px; } .about-style2-content-box .inner-content ul {   padding:43px 50px 43px;   margin-top:44px;   margin-bottom:50px;   max-width:400px; } .about-style2-content-box .img-box {   max-width:750px; }  .features-area {   padding-right:0px;   min-height:auto; } .features_bg_image {   max-width:100%;   width:100%;   height:575px; } .features-content-box {   max-width:100%;   width:100%;   padding:627px 0px 0px; }  .service-style2_top_box {   display:block;   padding-bottom:61px; } .service-style2_top_box .sec-title h2 br{   display:none; } .service-style2_top_box .text_box {   max-width:100%;   padding-top:27px; }  .about-style3-area {   padding-top:120px; } .about-style3-content-box {   padding-left:0px;   margin:0 0 60px; } .about-style3-img-box {   margin-left:0px; } .about-style3-img-box .inner img {   max-width:100%;   float:none;   width:100%; } .about-style3-content-box .inner-content ul {   max-width:430px; }  .home_map {   position:relative;   top:-300px;   left:5%;   bottom:0; } .subscribe-style2-area .subscribe-content-box {   margin:-300px auto 0; }  .faq-style1-image-box .inner img {   max-width:100%;   width:100%;   float:none; } .faq-style1-content {   margin-left:0;   padding:60px 0 120px; }   .about-style4-img-box {   float:none; } .about-style4-content-box {   margin:0;   padding-top:0px;   padding-bottom:0px;   margin-bottom:40px; }  .about-style2-area.about-page .about-style2-content-box .text-holder{   padding-top:0;   }  .features-style2-area .features-content-box {   padding:0px 0px 0px;   margin-bottom:50px; }  .faq-style2-image-box {   max-width:700px; } .faq-style1-content.pdb0{   padding-bottom:0; }  .single-shop-content .content-box {   padding-left:30px; }   .single-shop-content .content-box {   padding-left:0px;   margin-top:10px; } .single-shop-content .content-box .top .title-box h3 br{   display:none; }  .billing-info {   margin-top:40px; }  .login-register-area .form.register {   position:relative;   display:block;   padding-top:68px; }   .single-info-box .title {   width:150px; }  }   @media only screen and (min-width:768px) and (max-width:991px) { .header-top-left::before {   right:-50%; } .header-contact-info {   padding-left:0px; } .header-contact-info .left {   position:relative;   left:0; } .header-contact-info .right p a {   color:#ffffff; } .header-contact-info .right p a:hover{   color:#11161e; } .header-contact-info .right p span::before {   color:#ffffff; } .header-top-right .header-social-link-1 {   padding:22px 0 23px; } .header-contact-info2 ul li {   margin-right:30px; } .about-style1-content-box {   justify-content:center;   flex-direction:column;   text-align:center; } .about-style1-content-box .text-holder {   max-width:100%;   width:100%; } .about-style1-content-box .inner-content ul {   max-width:500px;   margin:0 auto; } .about-style1-content-box .img-holder {   margin:0 auto; }   .project-style1_top_box .sec-title {   padding-bottom:17px; } .project-style1_top_box .sec-title h2 br{   display:none; } .project-style1_top_box .text_box {   max-width:100%; } .single-project-style1 {   -ms-flex:0 0 50%;   flex:0 0 50%;   max-width:50%;   margin-bottom:50px; } .project-style1_viewmore_button {   padding-top:20px; }   .testimonial-style1-content .inner-content {   padding:61px 70px 70px; } .single-testimonial-style1 {   flex-direction:column;   justify-content:center;   align-items:center;   text-align:center; } .single-testimonial-style1 .text-holder {   max-width:100%;   width:100%; } .single-testimonial-style1 .img-holder {   margin-top:23px; } .single-testimonial-style1 .text-holder .client-info {   margin-top:35px;   padding-top:0px;   padding-left:0px;   padding-bottom:0px; } .single-footer-widget.marbtm{   margin-bottom:40px; }  .header-bottom_style2_right {   padding-left:20px; } .header-bottom_style2 .outer-box {   padding:30px 25px 30px; } .header-bottom_style2_right .nav-outer .mobile-nav-toggler{   padding:20px 0 20px;   } .header-social-link-2 {   padding-left:20px;   padding-right:20px; }  .about-style2-content-box .text-holder {   max-width:100%;   padding-top:120px; } .about-style2-content-box .inner-content ul {   padding:43px 50px 43px;   margin-top:44px;   margin-bottom:50px;   max-width:400px; } .about-style2-content-box .img-box {   max-width:750px; }  .features-area {   padding-right:0px;   min-height:auto; } .features_bg_image {   max-width:100%;   width:100%;   height:575px; } .features-content-box {   max-width:100%;   width:100%;   padding:627px 0px 0px; } .header-contact-info-two ul li {   margin-right:20px; }  .service-style2_top_box {   display:block;   padding-bottom:61px; } .service-style2_top_box .sec-title h2 br{   display:none; } .service-style2_top_box .text_box {   max-width:100%;   padding-top:27px; }  .about-style3-area {   padding-top:120px; } .about-style3-content-box {   padding-left:0px;   margin:0 0 60px; } .about-style3-img-box {   margin-left:0px; } .about-style3-img-box .inner img {   max-width:100%;   float:none;   width:100%; } .about-style3-content-box .inner-content ul {   max-width:430px; }   .home_map {   position:relative;   top:-300px;   left:5%;   bottom:0; } .subscribe-style2-area .subscribe-content-box {   margin:-300px auto 0; }  .faq-style1-image-box .inner img {   max-width:100%;   width:100%;   float:none; } .faq-style1-content {   margin-left:0;   padding:60px 0 120px; }  .about-style4-img-box {   float:none; } .about-style4-content-box {   margin:0;   padding-top:0px;   padding-bottom:0px;   margin-bottom:40px; }   .about-style2-area.about-page .about-style2-content-box .text-holder{   padding-top:0;   }  .features-style2-area .features-content-box {   padding:0px 0px 0px;   margin-bottom:50px; }   .sidebar-content-box {   margin-top:70px; }  .faq-style2-image-box {   max-width:700px; } .faq-style1-content.pdb0{   padding-bottom:0; }  .single-shop-content .content-box {   padding-left:0px;   margin-top:10px; }   .billing-info {   margin-top:40px; }  .login-register-area .form.register {   position:relative;   display:block;   padding-top:68px; }  .contact-style1_form {   padding-right:0px;   margin-bottom:40px; }  }  @media only screen and (max-width:767px) {   .header-top {   display:none; } .header-left {   float:none;   text-align:center; } .header-right {   display:none; } .header-bottom_right .outer-search-box-style1{   display:none;   } .header-bottom_right__btn {   padding-left:25px; }   .about-style1-content-box {   justify-content:center;   flex-direction:column;   text-align:center;   padding:70px 30px 70px; } .about-style1-content-box .text-holder {   max-width:100%;   width:100%; } .about-style1-content-box .inner-content ul {   max-width:500px;   margin:0 auto;   padding:43px 30px 43px; } .about-style1-content-box .img-holder {   margin:0 auto; }  .single-service-style1 {   align-items:center;   flex-direction:column;   justify-content:center;   text-align:center; } .single-service-style1 .text-holder {   padding-left:0px;   margin-top:33px; }   .project-style1_top_box .sec-title {   padding-bottom:17px; } .project-style1_top_box .sec-title h2 br{   display:none; } .project-style1_top_box .text_box {   max-width:100%; } .single-project-style1 {   -ms-flex:0 0 100%;   flex:0 0 100%;   max-width:100%;   margin-bottom:30px; } .project-style1_viewmore_button {   padding-top:20px; }   .testimonial-style1-content {   padding-top:150px; } .testimonial-style1-content_bg {   height:175px;   width:320px;   background-size:contain;   margin:0 auto; } .testimonial-style1-content .inner-content {   padding:71px 30px 70px; } .testimonial-style1-content .quote-icon {   top:40px; } .single-testimonial-style1 {   flex-direction:column;   justify-content:center;   align-items:center;   text-align:center; } .single-testimonial-style1 .text-holder {   max-width:100%;   width:100%; } .single-testimonial-style1 .img-holder {   margin-top:23px; } .single-testimonial-style1 .text-holder .client-info {   margin-top:35px;   padding-top:0px;   padding-left:0px;   padding-bottom:0px; } .single-testimonial-style1 .text-holder h3 {   font-size:22px;   line-height:34px; }   .subscribe-content-box {   padding:120px 20px 0px; } .subscribe-content-box .phone_number {   margin-top:43px;   flex-direction:column;   justify-content:center;   align-items:center;   padding:40px 0 28px; } .subscribe-content-box .phone_number .inner_text {   padding-left:0px;   text-align:center;   margin-top:16px; } .subscribe-box {   max-width:370px; }   .single-footer-widget.marbtm{   margin-bottom:40px; } .single-footer-widget.pdtop{   padding-top:40px; } .header-bottom_style2 .container-box {   padding:0 5px; } .header-bottom_style2_right {   padding-left:0px; } .header-bottom_style2 .outer-box {   padding:30px 15px 30px; } .header-bottom_style2_right .nav-outer .mobile-nav-toggler{   padding:20px 0 20px;   } .header-social-link-2 {   display:none; } .header-bottom_style2_right .header-bottom_style2_right__btn{   display:none; }   .about-style2-content-box .text-holder {   max-width:100%;   padding-top:120px;   text-align:center; } .about-style2-content-box .inner-content ul {   padding:43px 50px 43px;   max-width:400px;   margin:44px auto 50px; } .about-style2-content-box .img-box {   max-width:750px; } .about-style2-content-box .img-box .main_image {   padding-top:0; } .about-style2-content-box .img-box .main_image .inner {   float:none;   text-align:center;   margin:0 auto; } .about-style2-content-box .img-box .main_image .image_2 {   position:relative;   right:0;   text-align:center; } .about-style2-content-box .img-box .main_image .image_3 {   position:relative;   top:0px;   left:0;   right:0px;   text-align:center; } .about-style2-content-box .img-box .main_image .image_4 {   position:relative;   left:0px;   bottom:0px;   right:0;   text-align:center; } .about-style2-content-box .img-box .main_image .image_5 {   position:relative;   left:0px;   bottom:0px;   right:0;   text-align:center; }   .features-area {   padding-right:0px;   min-height:auto; } .features_bg_image {   max-width:100%;   width:100%;   height:475px; } .features-content-box {   max-width:100%;   width:100%;   padding:527px 0px 0px; } .header-top-style3 {   display:none; }  .service-style2_top_box {   display:block;   padding-bottom:61px; } .service-style2_top_box .sec-title h2 br{   display:none; } .service-style2_top_box .text_box {   max-width:100%;   padding-top:27px; }  .about-style3-area {   padding-top:120px;   text-align:center; } .about-style3-content-box {   padding-left:0px;   margin:0 0 60px; } .about-style3-img-box {   margin-left:0px; } .about-style3-img-box .inner img {   max-width:100%;   float:none;   width:100%; } .about-style3-content-box .inner-content ul {   padding:43px 30px 43px;   max-width:430px;   margin:0 auto; }  .single-testimonial-style2 {   padding:80px 20px 68px; }   .home_map {   position:relative;   top:-300px;   left:5%;   bottom:0; } .subscribe-style2-area .subscribe-content-box {   margin:-300px auto 0;   padding:120px 20px 0px; }   .faq-style1-image-box .inner img {   max-width:100%;   width:100%;   float:none; } .faq-style1-content {   margin-left:0;   padding:60px 0 120px; }  .header-bottom-style4 .outer-box {   padding-left:20px; }  .about-style4-img-box {   float:none; } .about-style4-content-box {   margin:0;   padding-top:0px;   padding-bottom:0px;   margin-bottom:40px; }  .video-holder-box h2 {   font-size:40px;   line-height:52px;   margin:48px 0 0; }   .breadcrumb-area {   padding:140px 0 145px; } .breadcrumb-area .inner-content {   flex-direction:column;   justify-content:center;   text-align:center; } .breadcrumb-area .title {   margin-bottom:15px; } .breadcrumb-area .title h2 {   font-size:40px; }  .about-style2-area.about-page .about-style2-content-box .text-holder{   padding-top:0;   }  .features-style2-area .features-content-box {   padding:0px 0px 0px;   margin-bottom:50px; }  .service-details-single-image {   margin-bottom:20px; } .service-details-content {   padding-top:25px; } .service-details-content .top {   justify-content:flex-start;   align-items:flex-start;   flex-direction:column;   padding-bottom:20px; } .service-details-content .top .title_holder {   margin-bottom:24px; }  .sidebar-content-box {   margin-top:70px; } .single-review-box {   padding-left:0px; } .single-review-box .img_box {   position:relative;   margin-bottom:24px; } .single-review-box .text_box {   padding-left:0px; } .single-review-box .text_box::before {   display:none; } .single-review-box .text_box .inner {   padding:27px 30px 23px; } .single-review-box.marginleft100 {   margin-left:30px; }   .faq-style2-image-box {   max-width:700px; } .faq-style1-content.pdb0{   padding-bottom:0; }  .error-content .title {   font-size:160px;   font-weight:700;   margin:15px 0 22px; }  .view-as-box {   display:block;   float:none;   width:200px;   margin:0 auto; } .shorting-box {   display:block;   float:none;   width:200px;   margin:15px auto 15px; } .showing-box {   display:block;   float:none;   width:200px;   margin:0 auto 15px; } .shop-pagination-box {   display:block;   float:none;   width:200px;   margin:0 auto; }  .single-shop-content .content-box {   padding-left:0px;   margin-top:10px; } .single-shop-content .content-box .top .title-box h3 br{   display:none; } .single-shop-content .content-box .top .price-box {   flex-flow:column;   justify-content:flex-start;   align-items:flex-start; } .single-shop-content .content-box .top .price-box .right {   margin-top:3px;   padding-left:0px; } .single-product-image-holder .slider-pager {   max-width:257px;   margin:20px auto 0; } .review-box-holder .single-review-box {   padding-left:0px; } .review-box-holder .single-review-box .image-holder {   position:relative;   width:70px; } .review-box-holder .single-review-box .text-holder {   padding-left:0px;   margin-top:18px; } .review-box-holder .single-review-outer-box {   padding:34px 24px 32px; } .product-tab-box {   padding:50px 30px 50px; }  .cart-button .button-left {   position:relative;   display:block;   float:none;   text-align:center; } .cart-button .button-right{   position:relative;   display:block;   float:none;   text-align:center;   }   .buyer-info .top {   padding:21px 29px 20px; } .billing-info {   margin-top:40px; } .buyer-info .form-box {   padding:50px 30px 30px; } .billing-info .top {   padding:21px 29px 20px; } .billing-info .inner-box {   padding:46px 30px 45px; } .billing-info .inner-box ul li span {   padding-left:20px; } .payment-info .top {   padding:21px 29px 20px; } .payment-info .inner-box {   padding:24px 29px 30px; }   .login-register-area .form.register {   position:relative;   display:block;   padding-top:68px; } .login-register-area .form .right {   text-align:left;   margin-top:11px; }  .breadcrumb-style2-area {   padding-bottom:445px; }  .contact-style1_form {   padding-right:0px;   margin-bottom:40px; } .single-info-box {   display:block;   padding-right:0px;   margin-bottom:51px; } .single-info-box .title {   width:100%;   margin-bottom:9px; } .contact-style1_form .title p br{   display:none; }  }  @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:1800px) { .header-top-left::before {   right:-50%; } .header-contact-info {   padding-left:0px; } .header-contact-info .left {   position:relative;   left:0; } .header-contact-info .right p a {   color:#ffffff; } .header-contact-info .right p a:hover{   color:#11161e; } .header-contact-info .right p span::before {   color:#ffffff; } .header-top-right .header-social-link-1 {   padding:22px 0 23px; }   .header-bottom_style2 .outer-box {   padding:30px 25px 30px; } .header-bottom_style2_right {   padding-left:20px; } .header-bottom_style2_right .main-menu .navigation> li{   margin-right:20px;   } .header-bottom_style2_right .main-menu .navigation> li:last-child{   margin-right:0px;   } .header-social-link-2 {   padding-left:20px;   padding-right:20px; } .header-bottom_style2_right__btn a {   padding:0 15px; }   .features_bg_image {   max-width:620px; } }   @media only screen and (min-width:1200px) and (max-width:1390px) {  .main-slider .auto-container {   padding:0px 120px; }   .main-slider.style2 .auto-container {   padding:0px 15px; }  .main-slider.style4 .layer-outer-image1 img {   opacity:0.50; } .main-slider.style4 .layer-outer-image2 img {   opacity:0.50; } .main-slider.style4 .layer-outer-image3 img {   opacity:0.50;   width:80%; } .main-slider.style4 .content .big-title h2 {   font-weight:700; }   }  @media only screen and (min-width:992px) and (max-width:1199px) {  .main-slider .auto-container {   padding:0px 120px; }   .main-slider.style2 .auto-container {   padding:0px 15px; }   .main-slider.style3 .layer-outer-image1 img {   width:90%; }  .main-slider.style4 .layer-outer-image1 {   display:none; } .main-slider.style4 .layer-outer-image2 img {   opacity:0.50; } .main-slider.style4 .layer-outer-image3 {   display:none; } .main-slider.style4 .content .big-title h2 {   font-weight:700; }  }   @media only screen and (min-width:768px) and (max-width:991px) {  .main-slider .auto-container {   padding:0px 120px; } .main-slider.style1 .slide {   padding:109px 0px 480px; } .main-slider.style1 .content .big-title h2 {   font-size:40px; } .main-slider.style1 .content .btns-box {   padding-top:39px; }   .main-slider.style2 .auto-container {   padding:0px 15px; } .main-slider.style2 .content .big-title h2 {   font-size:45px; } .main-slider.style2 .content h3 {   margin-top:23px; } .main-slider.style2 .content .btns-box {   padding-top:45px; }   .main-slider.style3 .layer-outer-image1 {   display:none; } .main-slider.style3 .content .big-title h2 {   font-size:55px; }   .main-slider.style4 .slide {   padding:195px 0px 200px; } .main-slider.style4 .layer-outer-image1 {   display:none; } .main-slider.style4 .layer-outer-image2 img {   opacity:0.50; } .main-slider.style4 .layer-outer-image3 {   display:none; } .main-slider.style4 .content .big-title h2 {   font-size:45px;   font-weight:700; } .main-slider.style4 .content h3 {   margin-top:23px; } }   @media only screen and (min-width:500px) and (max-width:767px) {  .main-slider .owl-theme .owl-nav {   display:none; }  .main-slider .auto-container {   padding:0px 50px;   padding-right:50px; } .main-slider.style1 .auto-container {   padding:0px 30px;   padding-right:30px; } .main-slider.style1 .slide {   padding:112px 0px 480px; } .main-slider .content .big-title h2 {   font-size:30px; } .main-slider .content .big-title h2 br{   display:none; } .main-slider .content .btns-box {   flex-direction:column; } .main-slider.style1 .content .btns-box {   padding-top:42px; } .main-slider .content .btns-box .left {   margin-right:0px; } .main-slider .content .btns-box .right {   margin-left:0px;   margin-top:10px; }  .main-slider.style2 .slide {   padding:310px 0px 150px; } .main-slider.style2 .auto-container {   padding:0px 15px;   text-align:center; } .main-slider.style2 .content .big-title h2 {   font-size:45px; } .main-slider.style2 .content h3 {   margin-top:23px; } .main-slider.style2 .content .btns-box {   padding-top:45px; }  .main-slider.style3 .slide {   padding:146px 0px 150px; } .main-slider.style3 .layer-outer-image1 {   display:none; } .main-slider.style3 .content{   text-align:center; } .main-slider.style3 .content .big-title h2 {   font-size:45px; } .main-slider.style3 .content h3 {   margin-top:23px; }   .main-slider.style4 .slide {   padding:145px 0px 150px; } .main-slider.style4 .layer-outer-image1 {   display:none; } .main-slider.style4 .layer-outer-image2 img {   opacity:0.50; } .main-slider.style4 .layer-outer-image3 {   display:none; } .main-slider.style4 .content{   text-align:center; } .main-slider.style4 .content .big-title h2 {   font-size:45px;   font-weight:700; } .main-slider.style4 .content h3 {   margin-top:23px; } .main-slider.style4 .content .btns-box {   padding-top:45px; }    }  @media only screen and (max-width:499px) { .main-slider .auto-container {   padding:0px 30px; }  .main-slider.style1 .auto-container {   padding:0px 30px;   padding-right:30px; } .main-slider .owl-theme .owl-nav {   display:none; } .main-slider.style1 .slide {   padding:112px 0px 480px; } .main-slider .content .big-title h2 {   font-size:30px; } .main-slider .content .big-title h2 br{   display:none; } .main-slider .content .btns-box {   flex-direction:column; } .main-slider.style1 .content .btns-box {   padding-top:42px; } .main-slider .content .btns-box .left {   margin-right:0px; } .main-slider .content .btns-box .right {   margin-left:0px;   margin-top:10px; }   .main-slider.style2 .slide {   padding:310px 0px 150px; } .main-slider.style2 .auto-container {   padding:0px 15px;   text-align:center; } .main-slider.style2 .content .big-title h2 {   font-size:30px; } .main-slider.style2 .content h3 {   margin-top:23px; } .main-slider.style2 .content .btns-box {   padding-top:45px; }   .main-slider.style3 .slide {   padding:146px 0px 150px; } .main-slider.style3 .layer-outer-image1 {   display:none; } .main-slider.style3 .content{   text-align:center; } .main-slider.style3 .content .big-title h2 {   font-size:35px; } .main-slider.style3 .content h3 {   margin-top:23px; }   .main-slider.style4 .slide {   padding:145px 0px 150px; } .main-slider.style4 .layer-outer-image1 {   display:none; } .main-slider.style4 .layer-outer-image2 img {   opacity:0.50; } .main-slider.style4 .layer-outer-image3 {   display:none; } .main-slider.style4 .content{   text-align:center; } .main-slider.style4 .content .big-title h2 {   font-size:35px;   font-weight:700; } .main-slider.style4 .content h3 {   margin-top:23px; } .main-slider.style4 .content .btns-box {   padding-top:45px; }    } @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; }  }