/*------------------------------------------------------------------//
//	RESPONSIVE SYSTEM	
//------------------------------------------------------------------*/

@media screen and (min-width: 1315px) {
    .mobile-menu {display: none !important;}
}

@media screen and (max-width: 1314px) and (min-width: 1200px) {
    .mobile-menu {display: none !important;}
    main .home-main .in .text .top {font-size: 46px !important;}
    header .menu ul li a {padding: 25px 15px !important;}

    /*Applications*/
    .region-button {font-size: 16px !important;}

    /* About us */
    main .building {padding-right: 50px !important;}

}

@media screen and (max-width: 1199px) and (min-width: 1024px) {
    .mobile-menu {display: none !important;}
    header .menu ul li a {font-size: 18px;padding: 25px 10px !important;}
    main .home-main .in {flex-direction: column !important;justify-content: center !important;align-items: center !important;}
    main .home-main .in div[class*="col-md-"] {min-width: 100% !important;padding: 15px 50px !important;}
    main .home-main .in div[class*="col-md-5"] {display: flex !important;flex-direction: row !important;}
    main .home-main .in .text .top {font-size: 46px !important;}
    main .home-main {background-position: center center;}
    .spaces .right .title {font-size: 36px !important;}
    main .home-main .in .text .middle {margin-bottom: 0 !important;font-size: 26px !important;}

    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;}

    
    /*Applications*/
    .region-button {font-size: 16px !important;}

    /* Product Detail */
    .products-detail-area {padding: 0px 20px !important;}

    /* About us */
    main .building {padding-right: 50px !important;}
    main .comments .box .top {flex-direction: column !important;}
    .comment-img {width: 100% !important;}
    main .comments .box .top .right {min-height: 110px !important;}

    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    
}

@media screen and (max-width: 1023px) and (min-width: 992px) {
    .mobile-menu {display: none !important;}
    main .home-main .in {flex-direction: column !important;justify-content: center !important;align-items: center !important;}
    main .home-main .in div[class*="col-md-"] {min-width: 100% !important;padding: 15px 50px !important;}
    main .home-main .in div[class*="col-md-5"] {display: flex !important;flex-direction: row !important;}
    main .home-main .in .text .top {font-size: 46px !important;}
    main .home-main {background-position: center center;}
    .spaces .right .title {font-size: 36px !important;}
    main .home-main .in .text .middle {margin-bottom: 0 !important;font-size: 26px !important;}
    header .menu ul li a {padding: 0px 15px !important;font-size: 15px !important;}
    header .right .en span {font-size: 16px !important;}
    header .right a .shopping-button span {font-size: 16px !important;}
    
    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;}
    
    /*Applications*/
    .region-button {font-size: 16px !important;}

    /* Product Detail */
    .products-detail-area {padding: 0px 20px !important;}

    /* About us */
    main .building {padding-right: 50px !important;}
    main .comments .box .top {flex-direction: column !important;}
    .comment-img {width: 100% !important;}
    main .comments .box .top .right {min-height: 110px !important;}
    
    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    .regions {padding: 0px 30px !important;}

}

@media screen and (max-width: 991px) and (min-width: 768px) {
    main .home-main .in {flex-direction: column !important;justify-content: center !important;align-items: center !important;}
    main .home-main .in div[class*="col-md-"] {min-width: 100% !important;padding: 15px 50px !important;}
    main .home-main .in div[class*="col-md-5"] {display: flex !important;flex-direction: row !important;}
    main .home-main .in .text .top {font-size: 46px !important;line-height: 1 !important;}
    main .home-main {background-position: center center;}
    .spaces .right .title {font-size: 34px !important;}
    main .home-main .in .text .middle {margin-bottom: 0 !important;font-size: 26px !important;}
    .col-md-6.menu {display: none !important;}
    header > .row {justify-content: space-between !important; }
    header .right a {display: none !important;}
    header .right {padding-right: 25px !important;}
    header {position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background-color: #fff;}
    body {padding-top: 80px;}
    .multifunctional-uses--left {padding: 0px 20px !important;}
    .multifunctional-uses div[class*="col-md-"] {min-width: 100%;max-width: 100%;}
    .multifunctional-uses .col-md-3 {justify-content: center;margin-top: 30px !important;}
    main .home-main .in .video figure {height: 350px !important;}
    .spaces div[class*="col-md-"] {min-width: 100%;max-width: 100px;padding: 0 !important;}
    .spaces .col-md-3 {justify-content: center;margin-bottom: 30px;}
    .spaces {padding: 30px !important;}
    .products {margin-top: 50px !important;}
    .smooth {padding-top: 50px !important;}
    .multifunctional-uses {padding-left: 30px !important;padding-right: 30px !important;}
    .smooth .left .title {font-size: 34px !important;}
    .smooth div[class*="col-md-"] {min-width: 100% !important;max-width: 100% !important;}
    .smooth > .container > .row {flex-direction: column-reverse !important;}
    .smooth .col-md-3 {justify-content: center !important;margin-bottom: 30px;}
    footer:after {min-width: 300px !important;}

    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;}
    main .collection .col-md-6 {min-width: 100%;justify-content: center !important;align-items: center !important;text-align: center;padding: 20px !important;}
    main .packages .main-packages {min-width: 100% !important;max-width: 100% !important;}
    
    /*Applications*/
    .region-button {font-size: 16px !important;}
    main .main-content .video {height: auto !important;}
    main .main-content .applications-boxs .box {margin-bottom: 15px !important;}
    main .main-content .applications-line {width: 100% !important;}
    
    /* About us */
    main .building {padding-right: 50px !important;}
    main .comments .box .top {flex-direction: column !important;}
    .comment-img {width: 100% !important;}
    main .comments .box .top .right {min-height: 110px !important;padding: 15px !important;}
    
    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    .regions {padding: 0px 30px !important;}
    main .agents-contact .bottom .col-md-4 {min-width: 100%;border-top: 0;}
    main .agents-contact .top .right {flex-direction: column;align-items: flex-end !important;}

    /* Contact */
    main .main-content .boxs .col-md-4 {min-width: 100% !important;margin-bottom: 15px !important;}

}

@media screen and (max-width: 767px) and (min-width: 640px) {
    main .home-main {background-position: 42% 50%;padding: 30px 0px;}
    .spaces .right .title {font-size: 34px !important;}
    main .home-main .in .text .middle {margin-bottom: 25px !important;font-size: 26px !important;}
    .col-md-6.menu {display: none !important;}
    header > .row {justify-content: space-between !important; }
    header .right a {display: none !important;}
    header .right {padding-right: 25px !important;}
    header {position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background-color: #fff;}
    body {padding-top: 60px;}
    .multifunctional-uses--left {padding: 0px 20px !important;}
    .multifunctional-uses div[class*="col-md-"] {min-width: 100%;max-width: 100%;}
    .multifunctional-uses .col-md-3 {justify-content: center;margin-top: 30px !important;}
    main .home-main .in .video figure {height: 350px !important;}
    .spaces div[class*="col-md-"] {min-width: 100%;max-width: 100px;padding: 0 !important;}
    .spaces .col-md-3 {justify-content: center;margin-bottom: 30px;}
    .spaces {padding: 30px !important;}
    .products {margin-top: 50px !important;}
    .smooth {padding-top: 50px !important;}
    .multifunctional-uses {padding-left: 30px !important;padding-right: 30px !important;}
    .smooth .left .title {font-size: 34px !important;}
    .smooth div[class*="col-md-"] {min-width: 100% !important;max-width: 100% !important;}
    .smooth > .container > .row {flex-direction: column-reverse !important;}
    .smooth .col-md-3 {justify-content: center !important;margin-bottom: 30px;}
    footer:after {min-width: 200px !important;}
    header .col-md-3 {max-width: 50% !important;}
    .col-md-3.logo img {height: 60px;}
    
    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;}
    main .collection .col-md-6 {min-width: 100%;justify-content: center !important;align-items: center !important;text-align: center;padding: 20px !important;}
    main .packages .main-packages {min-width: 100% !important;max-width: 100% !important;}
    
    /*Applications*/
    .region-button {font-size: 16px !important;}
    main .main-content .video {height: auto !important;}
    main .main-content .applications-boxs .box {margin-bottom: 15px !important;}
    main .main-content .applications-line {width: 100% !important;}

    /*About us*/
    main .about-us-text-area p {font-size: 28px;}
    main .building {padding: 20px !important;}
    main .comments .box .bottom {margin-bottom: 30px !important;}
    
    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    .regions {padding: 0px 30px !important;}
    main .agents-contact .bottom .col-md-4 {min-width: 100%;border-top: 0;}
    main .agents-contact .top .right {flex-direction: column;align-items: flex-end !important;}
    
    /* Contact */
    main .main-content .boxs .col-md-4 {min-width: 100% !important;margin-bottom: 15px !important;}

}

@media screen and (max-width: 639px) and (min-width: 480px) {
    main .home-main {padding: 30px 0px;}
    .spaces .right .title {font-size: 34px !important;}
    main .home-main .in .text .middle {margin-bottom: 25px !important;font-size: 26px !important;}
    .col-md-6.menu {display: none !important;}
    header > .row {justify-content: space-between !important; }
    header .right a {display: none !important;}
    header .right {padding-right: 25px !important;}
    header {position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background-color: #fff;}
    body {padding-top: 60px;}
    .multifunctional-uses--left {padding: 0px 30px !important;}
    .multifunctional-uses div[class*="col-md-"] {min-width: 100%;max-width: 100%;}
    .multifunctional-uses .col-md-3 {justify-content: center;margin-top: 30px !important;}
    main .home-main .in .video figure {height: auto;padding: 0 !important;}
    .spaces div[class*="col-md-"] {min-width: 100%;max-width: 100px;padding: 0 !important;}
    .spaces .col-md-3 {justify-content: center;margin-bottom: 30px;}
    .spaces {padding: 30px !important;}
    .products {margin-top: 50px !important;padding: 5px 25px !important;}
    .smooth {padding-top: 50px !important;}
    .multifunctional-uses {padding-left: 10px;padding-right: 10px !important;}
    .smooth .left .title {font-size: 34px !important;}
    .smooth div[class*="col-md-"] {min-width: 100% !important;max-width: 100% !important;}
    .smooth > .container > .row {flex-direction: column-reverse !important;}
    .smooth .col-md-3 {justify-content: center !important;margin-bottom: 30px;}
    footer:after {display: none;}
    header .col-md-3 {max-width: 50% !important;}
    .col-md-3.logo img {height: 60px;}  
    main .home-main .text {padding: 15px !important;}
    main .home-main .in .text .top {line-height: 1.3 !important;font-size: 43px !important;margin-bottom: 15px !important;text-align: left !important;}
    .home-main--box {margin-left: 15px !important;}
    .multifunctional-uses .left .title {font-size: 34px !important;}
    .multifunctional-uses .left .description {font-size: 18px !important;}
    .spaces .right .description {font-size: 18px !important;}
    .smooth .left .description {font-size: 18px !important;}
    footer .col-md-12 {justify-content: center !important;align-items: center !important;}
    .footer-logo {display: flex;justify-content: center !important;}
    .social-media {justify-content: center !important;}
    .contact.d-flex.flex-column a {display: flex;justify-content: center;align-items: center;text-align: center !important;}
    .contact.d-flex.flex-column p {display: flex;justify-content: center;align-items: center;text-align: center;}
    footer {margin-top: 50px !important;}
    
    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;}
    main .collection .col-md-6 {min-width: 100%;justify-content: center !important;align-items: center !important;text-align: center;padding: 20px !important;}
    main .packages .main-packages {min-width: 100% !important;max-width: 100% !important;}
    main .main-title p {font-size: 24px !important;}
    main .collection {margin-top: 50px !important;}
    main .boxes {margin-top: 50px !important;}
    main .main-title {margin-top: 50px !important;}
    .main-title.logo-before {margin-top: 0 !important;}
    
    /*Applications*/
    .region-button {font-size: 16px !important;}
    main .main-content .video {height: auto !important;}
    main .main-content .applications-boxs .box {margin-bottom: 15px !important;}
    main .main-content .applications-line {width: 100% !important;}
    .regions {padding: 0 15px !important;}
    main .main-title.logo-before:before {width: 40px !important;}
    main .main-content .title {font-size: 24px !important;}
    main .main-content .applications-boxs .box .top figure {width: 100% !important;height: auto !important;}
    main .main-content .applications-boxs .box .top {width: 100% !important;height: auto !important;max-height: 200px !important;}
    
    /* Product Detail */
    .products-detail-area {padding: 0px 20px !important;}
    main .text p {text-align: left !important;}
    
    /*About us*/
    main .about-us-text-area p {font-size: 28px;}
    main .building {padding: 20px !important;}
    main .comments .box .bottom {margin-bottom: 30px !important;}
    .brands .col {min-width: 30%;margin-bottom: 40px !important;}
    main .brands p {font-size: 24px !important;}
    
    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    .regions {padding: 0px 30px !important;}
    main .agents-contact .bottom .col-md-4 {min-width: 100%;border-top: 0;}
    main .agents-contact .top .right {flex-direction: column;align-items: flex-end !important;}
    
    /* Contact */
    main .main-content .boxs .col-md-4 {min-width: 100% !important;margin-bottom: 15px !important;}
    main .main-content .form {padding: 0px 20px !important;}

}

@media screen and (max-width: 479px) and (min-width: 320px) {
    main .home-main {padding: 30px 0px;}
    .spaces .right .title {font-size: 28px !important;}
    main .home-main .in .text .middle {margin-bottom: 25px !important;font-size: 23px !important;}
    .col-md-6.menu {display: none !important;}
    header > .row {justify-content: space-between !important; }
    header .right a {display: none !important;}
    header .right {padding-right: 25px !important;}
    header {position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background-color: #fff;}
    body {padding-top: 60px;}
    .multifunctional-uses--left {padding: 0px !important;}
    .multifunctional-uses div[class*="col-md-"] {min-width: 100%;max-width: 100%;}
    .multifunctional-uses .col-md-3 {justify-content: center;margin-top: 30px !important;}
    main .home-main .in .video figure {height: auto;padding: 0 !important;}
    .spaces div[class*="col-md-"] {min-width: 100%;max-width: 100px;padding: 0 !important;}
    .spaces .col-md-3 {justify-content: center;margin-bottom: 30px;}
    .spaces {padding: 30px !important;}
    .products {margin-top: 50px !important;padding: 5px 25px !important;}
    .smooth {padding-top: 50px !important;}
    .multifunctional-uses {padding-left: 28px;padding-right: 28px !important;padding-top: 50px !important;}
    .smooth .left .title {font-size: 28px !important;}
    .smooth div[class*="col-md-"] {min-width: 100% !important;max-width: 100% !important;}
    .smooth > .container > .row {flex-direction: column-reverse !important;}
    .smooth .col-md-3 {justify-content: center !important;margin-bottom: 30px;padding: 0px 30px;}
    footer:after {display: none;}
    header .col-md-3 {max-width: 50% !important;}
    .col-md-3.logo img {height: 60px;}  
    main .home-main .text {padding: 15px !important;}
    main .home-main .in .text .top {line-height: 1.3 !important;font-size: 30px !important;margin-bottom: 15px !important;}
    .home-main--box {margin-left: 15px !important;}
    .multifunctional-uses .left .title {font-size: 28px !important;}
    .multifunctional-uses .left .description {font-size: 18px !important;}
    .spaces .right .description {font-size: 18px !important;}
    .smooth .left .description {font-size: 18px !important;}
    footer .col-md-12 {justify-content: center !important;align-items: center !important;}
    .footer-logo {display: flex;justify-content: center !important;}
    .social-media {justify-content: center !important;}
    .contact.d-flex.flex-column a {display: flex;justify-content: center;align-items: center;text-align: center !important;}
    .contact.d-flex.flex-column p {display: flex;justify-content: center;align-items: center;text-align: center;}
    footer {margin-top: 50px !important;}
    span.mobile-menu {padding-right: 10px !important;}
    .smooth .col-md-9 {padding: 0px 30px !important;}
    
    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;margin-right: 0 !important;}
    main .collection .col-md-6 {min-width: 100%;justify-content: center !important;align-items: center !important;text-align: center;padding: 20px !important;}
    main .packages .main-packages {min-width: 100% !important;max-width: 100% !important;}
    main .main-title p {font-size: 24px !important;}
    main .collection {margin-top: 50px !important;}
    main .boxes {margin-top: 50px !important;}
    main .main-title {margin-top: 50px !important;}
    .main-title.logo-before {margin-top: 0 !important;}
    main .packages .packages-detail .boxs .box {width: 100% !important;height: auto !important;max-height: 200px !important;}
    
    /*Applications*/
    .region-button {font-size: 16px !important;}
    main .main-content .video {height: auto !important;}
    main .main-content .applications-boxs .box {width: 100%;margin-bottom: 15px !important;}
    main .main-content .applications-line {width: 100% !important;}
    .regions {padding: 0 15px !important;}
    main .main-title.logo-before:before {width: 40px !important;}
    main .main-content .title {font-size: 24px !important;}
    main .main-content .applications-boxs .box .top figure {width: 100% !important;height: auto !important;}
    main .main-content .applications-boxs .box .top {width: 100% !important;height: auto !important;max-height: 200px !important;}
    
    /* Product Detail */
    .products-detail-area {padding: 0px 20px !important;}
    main .text p {text-align: center !important;}
    
    /*About us*/
    main .about-us-text-area p {font-size: 28px;}
    main .building {padding: 20px !important;}
    main .comments .box .bottom {margin-bottom: 30px !important;}
    .brands .col {min-width: 30%;margin-bottom: 40px !important;}
    main .brands p {font-size: 24px !important;}
    main .comments .box .top {flex-direction: column !important;}
    .comment-img {width: 100% !important;}
    main .comments .box .top .right {min-height: 110px !important;padding: 15px !important;}
    
    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    .regions {padding: 0px 30px !important;}
    main .agents-contact .bottom .col-md-4 {min-width: 100%;border-top: 0;justify-content: flex-start !important;}
    main .agents-contact .top .right {flex-direction: column;align-items: flex-start !important;margin-top: 10px;}
    main .partner .partner-contact p {font-size: 21px !important;}
    main .partner .partner-contact span {font-size: 16px !important;text-align: center !important;}
    
    /* Contact */
    main .main-content .boxs .col-md-4 {min-width: 100% !important;margin-bottom: 15px !important;}
    main .main-content .form {padding: 0px 20px !important;}

}

@media screen and (max-width: 319px) {
    main .home-main {padding: 30px 0px;}
    .spaces .right .title {font-size: 28px !important;}
    main .home-main .in .text .middle {margin-bottom: 25px !important;font-size: 23px !important;}
    .col-md-6.menu {display: none !important;}
    header > .row {justify-content: space-between !important; }
    header .right a {display: none !important;}
    header .right {padding-right: 25px !important;}
    header {position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; background-color: #fff;}
    body {padding-top: 60px;}
    .multifunctional-uses--left {padding: 0px !important;}
    .multifunctional-uses div[class*="col-md-"] {min-width: 100%;max-width: 100%;}
    .multifunctional-uses .col-md-3 {justify-content: center;margin-top: 30px !important;}
    main .home-main .in .video figure {height: auto;padding: 0 !important;}
    .spaces div[class*="col-md-"] {min-width: 100%;max-width: 100px;padding: 0 !important;}
    .spaces .col-md-3 {justify-content: center;margin-bottom: 30px;}
    .spaces {padding: 30px !important;}
    .products {margin-top: 50px !important;padding: 5px 25px !important;}
    .smooth {padding-top: 50px !important;}
    .multifunctional-uses {padding-left: 28px;padding-right: 28px !important;padding-top: 50px !important;}
    .smooth .left .title {font-size: 28px !important;}
    .smooth div[class*="col-md-"] {min-width: 100% !important;max-width: 100% !important;}
    .smooth > .container > .row {flex-direction: column-reverse !important;}
    .smooth .col-md-3 {justify-content: center !important;margin-bottom: 30px;padding: 0px 30px;}
    footer:after {display: none;}
    header .col-md-3 {max-width: 50% !important;}
    .col-md-3.logo img {height: 60px;}  
    main .home-main .text {padding: 15px !important;}
    main .home-main .in .text .top {line-height: 1.3 !important;font-size: 30px !important;margin-bottom: 15px !important;}
    .home-main--box {margin-left: 15px !important;}
    .multifunctional-uses .left .title {font-size: 28px !important;}
    .multifunctional-uses .left .description {font-size: 18px !important;}
    .spaces .right .description {font-size: 18px !important;}
    .smooth .left .description {font-size: 18px !important;}
    footer .col-md-12 {justify-content: center !important;align-items: center !important;}
    .footer-logo {display: flex;justify-content: center !important;}
    .social-media {justify-content: center !important;}
    .contact.d-flex.flex-column a {display: flex;justify-content: center;align-items: center;text-align: center !important;}
    .contact.d-flex.flex-column p {display: flex;justify-content: center;align-items: center;text-align: center;}
    footer {margin-top: 50px !important;}
    span.mobile-menu {padding-right: 10px !important;}
    .smooth .col-md-9 {padding: 0px 30px !important;}
    
    /*Product*/
    main .collection .col-md-6 {padding: 20px 0px !important;}
    main .collection .right p {font-size: 34px !important;}
    main .collection .right .description {font-size: 21px !important;}
    .main-box {margin-bottom: 15px !important;margin-right: 0 !important;}
    main .collection .col-md-6 {min-width: 100%;justify-content: center !important;align-items: center !important;text-align: center;padding: 20px !important;}
    main .packages .main-packages {min-width: 100% !important;max-width: 100% !important;}
    main .main-title p {font-size: 24px !important;}
    main .collection {margin-top: 50px !important;}
    main .boxes {margin-top: 50px !important;}
    main .main-title {margin-top: 50px !important;}
    .main-title.logo-before {margin-top: 0 !important;}
    main .packages .packages-detail .boxs .box {width: 100% !important;height: auto !important;max-height: 200px !important;}
    
    /*Applications*/
    .region-button {font-size: 16px !important;}
    main .main-content .video {height: auto !important;}
    main .main-content .applications-boxs .box {width: 100%;margin-bottom: 15px !important;}
    main .main-content .applications-line {width: 100% !important;}
    .regions {padding: 0 15px !important;}
    main .main-title.logo-before:before {width: 40px !important;}
    main .main-content .title {font-size: 24px !important;}
    main .main-content .applications-boxs .box .top figure {width: 100% !important;height: auto !important;}
    main .main-content .applications-boxs .box .top {width: 100% !important;height: auto !important;max-height: 200px !important;}
    
    /* Product Detail */
    .products-detail-area {padding: 0px 20px !important;}
    main .text p {text-align: center !important;}
    
    /*About us*/
    main .about-us-text-area p {font-size: 28px;}
    main .building {padding: 20px !important;}
    main .comments .box .bottom {margin-bottom: 30px !important;}
    .brands .col {min-width: 30%;margin-bottom: 40px !important;}
    main .brands p {font-size: 24px !important;}
    main .comments .box .top {flex-direction: column !important;}
    .comment-img {width: 100% !important;}
    main .comments .box .top .right {min-height: 110px !important;padding: 15px !important;}
    
    /* Agent*/
    main .agents-contact .col-md-8 {flex-direction: column !important;display: flex !important;}
    main .agents-contact .top .left .second-text {margin-left: 0 !important;}
    .regions {padding: 0px 30px !important;}
    main .agents-contact .bottom .col-md-4 {min-width: 100%;border-top: 0;justify-content: flex-start !important;}
    main .agents-contact .top .right {flex-direction: column;align-items: flex-start !important;margin-top: 10px;}
    main .partner .partner-contact p {font-size: 21px !important;}
    main .partner .partner-contact span {font-size: 16px !important;text-align: center !important;}
    
    /* Contact */
    main .main-content .boxs .col-md-4 {min-width: 100% !important;margin-bottom: 15px !important;}
    main .main-content .form {padding: 0px 20px !important;}

}