@media (min-width: 992px) and (max-width: 1200px) {

	.ml-20{

		margin-left: 0px !important;

	}

}

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

	.lgx-page-inner{

        padding: 9rem 0;

    }

	.cnt-box-reason img{

		width: 100%;

	}

	.lgx-footer-single ul li{

		font-size: 15px;

	}

	.cnt-box-merchandise .img-box img{

    	height: 300px;

    }

	

	/*banner*/

	.lgx-header .lgx-navbar .lgx-logo a img, .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{

		width: 120px !important;

		margin-top: 18px !important;

	}

	.lgx-slider .slider-text-single figure figcaption .lgx-container{

		padding: 60px 70px;

	}

	.lgx-banner-info .subtitle{

		font-size: 2.2rem;

	}

	.lgx-banner-info .title{

		font-size: 3.8rem;

	}

	.navbar-right ~ .navbar-right{

		margin-right: 20px;

	}

	.lgx-header .lgx-navbar .lgx-nav li a{

		padding: 10px 7px !important;

	}

	.lgx-header .lgx-nav-right{

		margin-top: 13px;

	}

	.lgx-header .lgx-navbar .lgx-logo{

		margin-left: 0;

	}

	.lgx-cart-area .lgx-btn {

		padding: 1.2rem 1rem;

		font-size: 12px;

	}

	.navbar-default{

		background-color: transparent;

	}

	.lgx-subscribe-form .lgx-btn{

		font-size: 13px;

		height: 55px;

	}

	.instafeed li{

		width: 32%;

	}

	.about-btn{

		margin-bottom: 2.6rem;

	}

	.mmb-5{

		margin-bottom: 30px;

	}

	.mmb-5:last-child{

		margin-bottom: 0;

	}

}

@media (min-width: 640px) and (max-width: 767px){

	.lgx-page-inner{

        padding: 9rem 0;

    }

	.cnt-box-reason img{

		width: 100%;

	}

	ul.q-link li{

		text-align: center;

	}

	.lgx-footer-single ul li{

		font-size: 15px;

	}

	

    .cnt-box-merchandise .img-box img{

    	height: 300px;

    }





    /**/



	.ab-h-t{

		font-size: 20px !important;

	}

	/*banner*/

	.lgx-header .lgx-navbar .lgx-logo a img, .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{

		width: 120px !important;

		margin-top: 9px !important;

	}

	.lgx-slider .slider-text-single figure figcaption .lgx-container{

		padding: 60px 70px;

	}

	.lgx-banner-info .subtitle{

		font-size: 2.2rem;

	}

	.lgx-banner-info .title{

		font-size: 3.8rem;

	}

	.about-btn{

		margin-bottom: 2.6rem;

	}

	.mmb-5{

		margin-bottom: 30px;

	}

	.mmb-5:last-child{

		margin-bottom: 0;

	}

	.ml-20 {

		 margin-left: 0px !important; 

	}

}

@media (min-width: 480px) and (max-width: 639px){

    .lgx-page-inner{

        padding: 9rem 0;

    }

	.cnt-box-reason img{

		width: 100%;

	}

	ul.q-link li{

		text-align: center;

	}

	.lgx-footer-single ul li{

		font-size: 15px;

	}

	/*service*/

	.well-being-benefits img {

		max-width: 260px;

		margin: 0 auto;

	}



	.well-being-benefits .row .column {

	    padding: 0px 0px !important;

	    text-align: center;

	}



	.well-being-benefits .row .column h3 {

	    font-size: 2.8rem;

	    line-height: 30px;

	}



	.well-being-benefits .row .column p {

	    font-size: 1.8rem;

	    line-height: 1.9;

	}

	.container.lg {

	    padding: 0 30px;

	}

	.div-1{

		order: 2 !important;

	}

	.div-2{

		order: 1 !important;

	}



   .well-being-cards .card-column{

        height: auto;

        display: block;

        float: left;

        padding: 5px 0;

    }

    .well-being-benefits .column,

    {

        display: block;

        float: left;

        width: 100%;

    }

    .lg .row{

    	display: block;

    }

    .cnt-box-merchandise .img-box img{

    	height: 300px;

    }





    /**/



	.service-media-mar{

		margin-top: 30px !important;

	}

	.column.large-6{

		width: 100%;

	}

	.ab-h-t{

		font-size: 20px !important;

	}

	/*banner*/

	.lgx-header .lgx-navbar .lgx-logo a img, .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{

		width: 120px !important;

		margin-top: 9px !important;

	}

	.lgx-slider .slider-text-single figure figcaption .lgx-container{

		padding: 60px 70px;

	}

	.lgx-banner-info .subtitle{

		font-size: 2.2rem;

	}

	.lgx-banner-info .title{

		font-size: 3.8rem;

	}

	.about-btn{

		margin-bottom: 2.6rem;

	}

	.mmb-5{

		margin-bottom: 30px;

	}

	.mmb-5:last-child{

		margin-bottom: 0;

	}

	.ml-20 {

		 margin-left: 0px !important; 

	}

}

@media (min-width: 320px) and (max-width: 479px){

    .lgx-page-inner{

        padding: 9rem 0;

    }

	.cnt-box-reason img{

		width: 100%;

	}

	ul.q-link li{

		text-align: center;

	}

	.lgx-footer-single ul li{

		font-size: 15px;

	}

	/*service*/

	.well-being-benefits img {

		max-width: 260px;

		margin: 0 auto;

	}



	.well-being-benefits .row .column {

	    padding: 0px 0px !important;

	    text-align: center;

	}



	.well-being-benefits .row .column h3 {

	    font-size: 2.8rem;

	    line-height: 30px;

	}



	.well-being-benefits .row .column p {

	    font-size: 1.8rem;

	    line-height: 1.9;

	}

	.container.lg {

	    padding: 0 30px;

	}

	.div-1{

		order: 2 !important;

	}

	.div-2{

		order: 1 !important;

	}



   .well-being-cards .card-column{

        height: auto;

        display: block;

        float: left;

        padding: 5px 0;

    }

    .well-being-benefits .column,

    {

        display: block;

        float: left;

        width: 100%;

    }

    .lg .row{

    	display: block;

    }

    .cnt-box-merchandise .img-box img{

    	height: 300px;

    }





    /**/



	.service-media-mar{

		margin-top: 30px !important;

	}

	.column.large-6{

		width: 100%;

	}

	.ab-h-t{

		font-size: 20px !important;

	}

	.lgx-header .lgx-navbar .lgx-logo a img, .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{

		width: 120px !important;

		margin-top: 9px !important;

	}

	/*banner*/

		.lgx-header .lgx-navbar .lgx-logo a img, .lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{

		width: 120px !important;

		margin-top: 9px !important;

	}

	.lgx-slider .slider-text-single figure figcaption .lgx-container{

		padding: 60px 70px;

	}

	.lgx-banner-info .subtitle{

		font-size: 2rem;

	}

	.lgx-banner-info .title{

		font-size: 3.3rem;

	}

	.about-btn{

		margin-bottom: 2.6rem;

	}

	.mmb-5{

		margin-bottom: 30px;

	}

	.mmb-5:last-child{

		margin-bottom: 0;

	}

	.ml-20 {

		 margin-left: 0px !important; 

	}

}