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

}
@media screen and (max-width: 992px)
{
	

	.slider-wrap
	{
		padding: 50px 30px;
		height: 100vh;
	    /*display: flex;
	    vertical-align: middle;
	    align-items: center;
	    justify-content: center;*/
	}
	
	.item .image::before
	{
		display: none;
	}
	#right1
	{
		right: -20px;
	}
	#top1
	{
		top: -5%;
	}
	#bottom1
	{
		display: none;
	}
	#left1
	{
		left: -10%;
	}
	.active_bg
	{
		background: #0d2453;
	}
	header
	{
		/*height: auto;*/
	}
	
	.highlate
	{
		padding: 55px 35px 35px;
	}
	
	.shape2
	{
		border: 40px solid #23c66078;
	    top: -104px;
	    width: 200.05px;
	    height: 200.05px;
	}

	.about #leaf2 {
		right: -18%;
	}
	.heading_content p
	{
		text-align: left;
	}
	.tagline
	{
		line-height: 18px;
    	letter-spacing: 0.165em;
	}
	.about #leaf1
	{
		top: -3%;
   		left: 0;
	}
	
	.about #leaf3,.about #leaf4
	{
		display: none;
	}
	.about
	{
		padding-bottom: 35px;
	}
	.tab_list
	{
		border: none;
	}
	.ingredients
	{
		padding: 50px 30px 0px;
	}
	.ingredients .circle_shape
	{
		display: none;
	}
	.left_f_box
	{
		padding-top: 0;
	}
	.left_f_box.mechine_features_box li::before
	{
		display: none;
	}
	.adjust .ing_image
	{
	    right: 0;
	}
	.adjust
	{
		padding-right: 0;
	}
	.right_f_box .adjust
	{
		padding-left: 0;
	}
	
	.right_f_box.mechine_features_box li::before
	{
		display: none;
	}
	.right_f_box .adjust .ing_image
	{
		left: 0;
	}
	.benefits_column .clr_txt,.leaf_contact .heading .clr_txt,.leaf_contact .heading h1 {
	    font-size: 26px;
	}
	.benefits
	{
		padding: 0px 30px 30px;
	}
	.benefits_column .brder::before {
	    left: 15%;
	}
	#water
	{
		bottom: 0;
		left: 0;
	}
	.contact #c_leaf2 {
	    right: 0;
	    top: -5%;
	}
	.subscribe_container
	{
		border-radius: 25px;
		padding: 30px;
	}
	.footer_col 
	{
		padding-bottom: 35px;
	}
	.btop
	{
		margin-top: 0;
	}
	footer img#footer_water
	{
		bottom: 0;
	}
	.slick-dots
	{
		left: 0;
	}
	
	.contact_btn a
	{
		font-size: 15px;
	    padding: 13px 25px;
	}
	.benefits p.desc, .contact p.desc
	{
		padding-bottom: 20px;
	}
	.input_form .subscribe_btn {
	    padding: 5px 13px;
	}
	.input_form input
	{
		padding: 9px 26px;
	}
	.read_section {
	    margin-top: 25px;
	}
	.active_overlay
	{
		opacity: 1;
		visibility: visible;
	}
}
@media screen and (max-width: 480px)
{
	.icon_play
	{
		right: 15px;
	}
	.mechine_features_box li
	{
		padding-bottom: 15px;
	}
	.tab_matter .col-md-4 img
	{
		display: none;
	}
	.tab_list li
	{
		width: 100%;
	}
	.tab_list li a
	{
		border-radius: 0;
	}
	.heading h1
	{
		text-align: left;
	    line-height: 28px;
        font-size: 25px;
        letter-spacing: 0;
        text-transform: capitalize;
	}
	.circle_shape
	{
		display: none;
	}
	.slider .image img
	{
		max-width: 75%;
	}
	.small_txt
	{
	    letter-spacing: 0em;
	    font-size: 11px;
	}
	.slider .text h1
	{
		font-size: 28px;
		line-height: 38px;
	}
	.big_txt
	{
		font-size: 31px;
		line-height: 38px;
	}
	.abt_image::before
	{
		width: 300px;
		height: 300px;
		left: -15px;
	}
}
@media screen and (max-width: 768px)
{
	.ing_block .card-body h3
	{
		font-size: 21px;
	}
	.contact_item {
	    padding: 15px;
	}
	.ct_brd {
	    border-bottom: 1px solid #d6dee8;
	    border-right: none;
	}
	.contact_image
	{
		top: 25px;
	}
	.contact_box_detail {
	    padding-left: 55px;
	}
	.cntct_shape {
	    bottom: 0;
	    width: 100%;
	    height: 30%;
	}
	.map_details
	{
		max-width: inherit !important;
		border-radius: 50px;
	}
	
	.rect
	{
		display: none;
	}
	.ing_detail_box h1
	{
		font-size: 20px;
	}
	.tab_content 
	{
		padding: 30px;
	}
	.tab_content .heading h1
	{
		font-size: 28px !important;
		line-height: 35px;
		padding-bottom: 15px;
	}
	.ingr_row {
	    padding-top: 6px;
	}
	.ing_one_left
	{
		padding-bottom: 0;
	}
	.inner_header
	{
		padding: 75px 0;
	}
	.inner_header #leaf3
	{
		width: 140px;
		bottom: -19%;
	}
	.highlite_box
	{
		margin-bottom: 45px;
	}
	.image_abs
	{
		display: none;
	}
	.inner_header ul li
	{
		font-size: 15px;
	}
	.heading_inner h1
	{
		margin-bottom: 0;
	}
	.abt_paragraph p
	{
		text-align: justify;
	}
	.about_page
	{
		padding-top: 10px;
	}
	.abt_img 
	{
		padding-top: 35px;
	}
	.item .image 
	{
	    padding-top: 42px;
	}
	.logo
	{
		float: none;
	}
	.mobile_menu
	{
		display: block;
	}
	.mobile_menu_bar ul {
	    margin: 35px 0 0;
	    padding: 0;
	}
	.mobile_menu_bar ul li {
	    display: block;
	    /*padding: 15px;*/
	    border-bottom: 1px solid #e5e5e5;
	}
	.mobile_menu_bar ul li a {
	    text-decoration: none;
	    color: #000;
	    display: block;
	    padding: 15px;
	    /* font-family: 'ClashDisplay-Medium'; */
	    font-family: 'Ubuntu', sans-serif;
	    font-size: 14px;
	    font-style: normal;
	    font-weight: 600;
	    line-height: 17px;
	    letter-spacing: 0.05em;
	    text-align: left;
	    transition: .5s ease-in-out 0s;
	    position: relative;
	    z-index: 1;
	    text-transform: uppercase;
	}
	.mobile_menu_bar ul li a.active::before
	{
		content: '';
		width: 100%;
		height: 2px; 
		background: var(--base);
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.read_more {
	    padding: 13px 14px;
	}

	.og_logo
	{
		display: none;
	}
	.menu
	{
		display: block;
	}
	.text p.desc
	{
		display: none;
	}
	.mobile_menu
	{
		z-index: 1017;
		/*position: relative;*/
		 position: fixed;
	    height: 100%;
	    width: 300px;
	    background: #fff;
	    right: -300px;
	    top: 0;
	    transition: .5s;
	    padding: 0 25px;
	}
	.active_slide
	{
		right: 0;
	}
	.menu_bar
	{
		display: none !important;
	}
}
@media  only screen and (max-width: 768px)  and (min-width: 480px)
{
	.icon_play {
	    right: 55px;
	}
	.mechine_features_box li {
	    padding-bottom: 25px;
	}
	.tab_matter .col-md-4 img
	{
		display: none;
	}
	.tab_list li {
	    width: 33.3%;
	}
	.tab_list li a
	{
		border-radius: 0;
	    font-size: 14px;
        padding: 12px 10px;
        text-align: center;
	}
	.heading h1
	{
		text-align: left;
	    line-height: 38px;
        font-size: 30px;
        letter-spacing: 0;
        text-transform: capitalize;
	}
	.tagline
	{
		text-align: left;
	}
	.circle_shape
	{
		display: none;
	}
	.slider .image img
	{
		max-width: 67%;
	}
	.small_txt
	{
	    letter-spacing: 0em;
	    font-size: 11px;
	}
	.slider .text h1
	{
		font-size: 35px;
		line-height: 35px;
		padding-top: 10px;
	}
	.big_txt
	{
		font-size: 50px;
		/*line-height: 35px;*/
	}
}
@media  only screen and (max-width: 768px)  and (min-width: 550px)
{
	.highlate .col-md-3
	{
		width: 50%;
	}
}
@media  only screen and (max-width: 992px)  and (min-width: 768px)
{
	.contact_item {
	    padding: 15px;
	}
	.ct_brd {
	    border-bottom: 1px solid #d6dee8;
	    border-right: none;
	}
	.contact_image
	{
		top: 25px;
	}
	.contact_box_detail {
	    padding-left: 55px;
	}
	.map_details .col-md-2,.map_details .col-md-4,
	.map_details .col-md-3
	{
	    flex: 0 0 50%;
	 	max-width: 50%;
	}
	.blg_card img,.card_image
	{
		height: 200px;
	}
	.blg_heading h1
	{
		font-size: 23px;
	}
	.tab_content
	{
		padding: 35px;
	}
	.image_abs
	{
		right: -8%;
		bottom: -150%;
	}
	.heading_inner h1
	{
		margin-bottom: 0;
	}
	.abt_paragraph p
	{
		text-align: justify;	
	}
	.title
	{
		font-size: 14px;
	}
	.inner_header
	{
		padding-top: 85px;
		padding-bottom: 85px;
	}
	.inner_header ul li
	{
		font-size: 15px;
	}
	.benefits_poins ul li
	{
		font-size: 11px;
		padding-bottom: 5px;
	}
	.benefits {
	    padding: 0px 30px 196px;
	}
	.contact
	{
		padding-top: 6%;
	}
	.input_form .subscribe_btn {
	    padding: 8px 20px;
	}
	.input_form input {
	    padding: 12px 26px;
	}
	.footer_col h3
	{
		font-size: 14px;
		letter-spacing: 0;
	}
	footer img#footer_water {
	     bottom: -13%; 
	}
	.mechine_features_box li
	{
		width: 50%;
		float: left;
	}
	.mechine_features .r .col-md-4
	{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.about .col-md-5,.about .col-md-7
	{
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.heading h1
	{
		font-size: 40px;
		line-height: 40px;
	}
	.circle_shape
	{
		top: -17%;
	}
	.highlite_box img
	{
		max-width: 35%;
	}
	.logo img
	{
		max-width: 80%;
	}
	.menu_bar ul li a
	{
		padding: 0 8px;
		font-size: 13px;
	}
	.small_txt
	{
		font-size: 13px;
		letter-spacing: .165em;
	}
	.slider .text h1
	{
		font-size: 30px;
	}
	.big_txt
	{
		font-size: 38px;
		line-height: 28px;
	}
	.text p.desc
	{
		line-height: 27px;
	}
	.read_more
	{
		padding: 12px 15px;
		font-size: 13px;
	}
}
@media  only screen and (max-width: 1100px)  and (min-width: 992px)
{
	.blg_card img,.card_image
	{
		height: 250px;
	}
	.image_abs
	{
		right: 0;
	}
	.heading_inner h1
	{
		margin-bottom: 0;
	}
	.item .image::before
	{
		width: 440px;
		height: 440px;
	}
	.slider .text h1
	{
		font-size: 42px;
	}
	.big_txt
	{
		font-size: 52px;
	}
	.text p.desc
	{line-height: 28px;}
	.highlite_box h3
	{
		font-size: 17px;
		margin-bottom: 0;
	}
	.heading h1
	{
		font-size: 45px;
		line-height: 46px;
	}
	.tab_list li a {
	    padding: 18px 26px;
	}
	.abt_image::before
	{
		width: 360px;
		height: 360px;
	}
	.mechine_top
	{
		padding: 0 22px;
	}
	.mechine_features_box li
	{
		padding-bottom: 10px;
	}
	.benefits
	{
		padding: 0 30px;
	}
	.benefits_poins ul li
	{
		font-size: 14px;
	}
	#water
	{
		left: 0;
		bottom: -42%;
	}
	footer img#footer_water
	{
		bottom: -26%;
	}
}

@media  only screen and (max-width: 1200px)  and (min-width: 1101px)
{
	.item .image::before
	{
		width: 440px;
		height: 440px;
	}
	.slider .text h1
	{
		font-size: 42px;
	}
	.big_txt
	{
		font-size: 52px;
	}
	.text p.desc
	{line-height: 28px;}
	.highlite_box h3
	{
		font-size: 17px;
		margin-bottom: 0;
	}
	.heading h1
	{
		font-size: 45px;
		line-height: 46px;
	}
	.tab_list li a {
	    padding: 18px 26px;
	}
	.abt_image::before
	{
		width: 360px;
		height: 360px;
	}
	.mechine_top
	{
		padding: 0 22px;
	}
	.mechine_features_box li
	{
		padding-bottom: 10px;
	}
	.benefits
	{
		padding: 0 30px;
	}
	.benefits_poins ul li
	{
		font-size: 14px;
	}
	#water
	{
		left: 0;
		bottom: -42%;
	}
	footer img#footer_water
	{
		bottom: -26%;
	}
}
@media screen and (max-width: 480px)
{}

@media screen and (max-width: 1200px)
{}
@media  only screen and (max-width: 1300)  and (min-width: 1100px)
{}
@media  only screen and (max-width: 1200px)  and (min-width: 1100px)
{}
/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 830px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) 
  {}
@media only screen 
  and (min-device-width: 413px) 
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  	header
  	{
		   background-position: 75%;
		   height: 50vh;
  	}
  }






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

}