@media only screen and (max-width: 1100px) , only screen and (max-device-width: 1100px){
	.how-we-content li .stra-quali-opti{
		padding-bottom: 50px;
	    width: 68%;
	    margin: 8px 130px;
	}
	#content_complete #content_left{
    	width: 250px
	}
	#content_complete #content_right{
    width: 100%;
    float: none;
	}
	.user_menu{
		display: none;
	}
	.content_left , .sidebar-wrapper , .menu_tog_ds , .logout_tog_ds{
		display: block!important;
	}
	.logo_menu_close{
		display: block;
	}
	#close_menu
	{   
    display: block;
	}
	.sidebar-wrapper {
	z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    width: 250px;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #302F31;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	}
	.navig_menu{display: none;}

	.head_cntct .username_log {
    width: 48%;
    float: right;
    margin-top: 23px;
    text-align: right;
	}
	#Logouot{right: 48px;}
}
@media only screen and (max-width: 1250px) , only screen and (max-device-width: 1250px){
	.home_header{padding: 10px 50px}
	.navig_menu ul li{
		 margin-right: 24px;
	}
}
@media only screen and (max-width: 920px) , only screen and (max-device-width: 920px){

	.proc_flow_med{
		width: 18%
	}
	.proc_arrow img {
		width: 111px!important;
		height: 53px!important;
    	margin-left: 10px;
	}
}
@media only screen and (max-width: 990px) {

	.Loginform li{
		left: 32%;
	}

	#login1_form{
		width: 58%;
	}

}


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

	/************/
	.bg_gallery .bg_left_cnt{
		float: none;
		width: 90%;
	}
	.bg_gallery .bg_right_cnt{
		float: none;
		width: 90%
	}

	.proc_flow_med{
		float: none;
		width: 100%!important;
		margin-top: 20px
	}
	.medicine_flow h1 {
    font-size: 21px;
    padding: 0px 0px 3px 0px;
	}
	.proc_arrow{
		display: none;
	}
	#bg_Gall2 {
    padding: 20px 50px;
	}
	.how-we-content li .stra-quali-opti{
		padding-bottom: 50px;
	    width: 100%;
	    margin: 8px 10px;
	}

	.Loginform li{
		left: 28%;
	}

	#login1_form{
		width: 68%;
	}

	/*************   Add shop browser   ************/
	#AddshopBrowser {
    float: left;
    width: 100%;
	}
	.Shop_details_left{
    float: none;
    width: 100%;
	}
	.Shop_details_right{
	    float: none;
    	width: 100%;
	}
	.Shop_details_botm .oprice , .Shop_details_botm .showquantity , .Shop_details_botm .Shopstus ,
	.Shop_details_botm .price , .Shop_details_botm .usernam{
	    float: none;
    	width: 100%;
	}
	/*******Search bar suggestions medias**********/
	ul#product-list {
    width: 41%;
    top: 233px;
    left: 62.5px;
	}
	/******shopkeeper home******/
	.shopkpr_home{
    display: table;
    width: 88.5%;
    padding-right: 20px;
    padding-left: 20px;
	}
	.shopkpr_home_left p , .shopkpr_home_right p
	{
	    width: 132px;
	    padding: 13px 7px 13px 7px;
	    font-size: 12px;
	    height: 30px;
	    vertical-align: middle;
	}

	/*********cart item list************/
	.list_item{
		 width: 23%;
    	margin: 10px 10px 10px 10px;
	}
	/*******shopkpr search****/
	#categorY{
		width: 93%;
		padding: 10px 30px
	}
	.search-Bar #seach_submt {
    float: right;
    width: 30%;
    text-align: right;
    margin-right: 5px;
	}
	.view_order_cmpl{
	margin:0px auto;
	width:85%;
	}
	ul#order_view_val p:first-child{
	width:45%;
	font-size:15px;
	}
	ul#order_view_val p:nth-child(2){
		width:55%;
		font-size:15px;
	}
	/***********form add stock**********/
	.form_addstock ul li{float: none;width: 100%;margin-top: 13px}
	.Desktop_add_stock , .achiev_titl{display: none;}
	.Mob_add_stock{display: block;}
	.achievements{border:none;}
	.form_addstock{padding: 35px 0px 5px 0px;}

}



@media only screen and (max-width: 700px) , only screen and (max-device-width: 700px){

	.Loginform li{
		left: 23%;
	}

	#login1_form{
		width: 300px;
	}
	/****shopkeeper header***/
	#categorY{
		padding: 10px 30px
	}
	#cart_rev{
	display: none;
	}
}



@media only screen and (max-width: 580px) , only screen and (max-device-width: 580px){

	#bg_Gall2 {
    padding: 20px 50px;
	}
	.how-we-content li .stra-quali-opti{
		padding-bottom: 50px;
	    width: 100%;
	    margin: 8px 10px;
	}
	.how-we-content li .stra-quali-opti .fa-stack{
		font-size: 40px
	}
	.howwedo-text h2{
		font-size: 18px
	}
	.bg_gallery2 h1 {
    font-weight: 700;
    font-size: 1.65em;
	}
	.Loginform li{
		left: 21%;
	}
	.dealer_login h2 {
    font-size: 24px;
	}
	#login1_form{
		width: 82%;
	}
	#login_forms {padding: 20px 40px;}
	.Loginform li{padding: 10px 15px}

	/**********dealer add stock*******/
	.container4 
	{
	padding-right: 50px;
    padding-left: 50px;
    margin-right: auto;
    margin-left: auto;
	}
	#Addstockform{
		width: 100%
	}
	/*******Search bar suggestions medias**********/
	ul#product-list {
    width: 69%;
    top: 204px;
    left: 18.5px;
	}

	/*********main content header****/
	.main_content > h2{font-size: 20px;}

	/****add shop browser*****/
	#Login{
    display: table;
    min-height: 750px;
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    margin-right: auto;
    margin-left: auto;
	}

	/*********search filter*******/
	ul#product-list {
    width: 69%;
    top: 204px;
    left: 12.5px;
	}
	.Searchfrm {
    width: 92%;
	margin: 14px 20px 0px 20px;
	}
	.Searchfrm div:first-child {
    float: left;
    width: 76%;
    margin-right: 21px;
	}
	.Searchfrm div:first-child #searchbox {
    width: 87%;
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #949393;
	}
	.Searchfrm div:nth-child(2) {
    float: left;
    width: 17%;
	}
	.Searchfrm  button[value="SEARCH"]{
    width: 60px;
	}
	#seach_submt button{
		margin-left: 5px
	}
	#srch_txt_rv{
		display: none;
	}
	.Searchfrm .fa-search{
    display: block;
	}
	/*********cart item list************/
	.list_item{
		 width: 37%;
    	margin: 10px 10px 10px 10px;
	}

	.Items_Display{
		width: 93%;
		padding: 0px 20px
	}


}

@media only screen and (max-width: 520px) {
	/*********cart item list************/
	.list_item{
		 width: 80%;
    	margin: 8px 10px 8px 10px;
	}

	.Items_Display{
		width: 93%;
		padding: 0px 20px
	}

	/****shopkeeper header***/
	#categorY{
		padding: 10px 30px
	}
	#categorY > ul > li .fa-shopping-cart{
		font-size: 15px
	}
	#categorY > ul > li:first-child {
    width: 88%;
	}
	#categorY > ul > li:last-child {
    width: 12%;
    margin-top: 3px
	}
	#categorY > ul > li:last-child a{
		padding: 5px 3px;
		border: none;
	}	
}


@media only screen and (max-width: 480px) {
	#bg_Gall2 {
    padding: 20px 20px;
	}
	.how-we-content li .stra-quali-opti .fa-stack{
		font-size: 25px
	}
	.container{padding: 0px 30px}
	.Loginform li{
		left: 17%;
	}
	.dealer_login h2 {
    font-size: 22px;
	}
	#login1_form{
		width: 89%;
	}
	#login_forms {padding: 17px 30px;}
	.Loginform li{padding: 9px 13px}

	/****shopkeeper header***/
	#categorY{
		padding: 10px 10px
	}
	#categorY > ul > li:first-child {
		width: 96%;
	}
	#categorY ul li:last-child{
		clear: left;
	    text-align: right;
	    float: right;
	    width: 30%;
	    margin-top: 20px;
	    margin-right: 20px
	}

	

}



@media only screen and (max-width: 420px) , only screen and (max-device-width: 420px){

	.Loginform li{
		left: 12%;
	}
	.dealer_login h2 {
    font-size: 20px;
    margin: 20px 0px
	}
	#login1_form{
		width: 90%;
	}
	.log_submt button{
		width: 99%
	}
	#login_forms {padding: 17px 20px;}
	.Loginform li{padding: 9px 11px}

	/****shopkeeper home******/
	.view_order_cmpl{
	margin:10px 10px 0px 10px;
	width:100%;
	}
	ul#order_view_val p:first-child{
	width:45%;
	font-size:13px;
	}
	ul#order_view_val p:nth-child(2){
		width:55%;
		font-size:13px;
	}

}

@media only screen and (max-width: 380px) , only screen and (max-device-width: 380px){

	/**********dealer add stock*******/
	.container4 
	{
	padding-right: 30px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
	}
	#Addstockform{
		width: 100%
	}
	.pricelisT #jobtittle:nth-child(odd) {
    float: none;
    width: 100%;
	}
	.pricelisT #jobtittle:nth-child(even) {
	    float: none;
	    width: 100%;
	}
	.job_tit #fields select{
		width: 106%
	}
	/**********shopkeeper home************/
	.shopkpr_home h1 {
    text-align: center;
    margin: 30px 0px;
    font-size: 20px;
	}
	.shopkpr_home_left p , .shopkpr_home_right p
	{
	    width: 132px;
	    padding: 10px 7px 8px 7px;
	    font-size: 10px;
	    height: 17px;
	    vertical-align: middle;
	}
	.shopkpr_home .shopkpr_home_left{
    float: none;
    width: 100%;
	}

	.shopkpr_home .shopkpr_home_right{
	    float: none;
	    width: 100%;
	}
	.customer_care{
		font-size: 15px
		}


}

@media only screen and (max-width: 320px) , only screen and (max-device-width: 320px){

	.Loginform li{
		left: 13%;
	}
	.dealer_login h2 {
    font-size: 20px;
    margin: 20px 0px
	}
	#login1_form{width: 85%;}
	.log_submt button{width: 100%}
	.login_input input { width: 90%;}
	#login_forms {padding: 17px 15px;}
	.Loginform li{padding: 9px 9px}

	/*******Search bar suggestions medias**********/
	ul#product-list {
    width: 45%;
    top: 247px;
    left: 8.5px;
	}
	.view_order_cmpl{
	margin:0px;
	width:100%;
	}
	ul#order_view_val p:first-child{
	width:40%;
	font-size:12px;
	}
	ul#order_view_val p:nth-child(2){
		width:60%;
		font-size:12px;
	}
	
}


@media only screen and (max-width: 770px) , only screen and (max-device-width: 770px){

	/************/
	.bg_gallery .bg_left_cnt{
		float: none;
		width: 95%;
		text-align: center;
	}
	.bg_gallery .bg_right_cnt{
		float: none;
		width: 95%
	}
	#bg_Gall{
		    padding: 20px 10px;
	}
	.bg_right_cnt img{
		max-width: 100%;
		height: auto;
	}
}


@media only screen and (max-width: 770px) , only screen and (max-device-width: 770px){

	.proc_flow_med{
		width: 18%
	}
}