a:hover{
      
      text-decoration: none;
  }


  .my-shadow{
      
      box-shadow: 0 1px 2px 0 rgba(0 , 0 , 0 , 0.1);
  }


  .my-shadow1{
   box-shadow: 0px 2px 4px 1px rgba(0 , 0 , 0.9 , 0.3);
  }

  
  input.search-input{
    color:#8b8f92;    
  }
  
  input.search-input::placeholder{
      
    color:#8b8f92;    
      
  }
  
  

 .bottom-shadow{
      box-shadow: 0 4px 2px -2px #dedede;
  }


  .menubar{
  	  margin-bottom: 60px;
      /* background-image: url(../images/menubar-bg.png); */
      min-width: 980px;
      margin-left: auto;
      margin-right: auto;
      height:44px;
      position:relative;
  	}

  .menu-wrapper{

    width: 100%;
  	margin-right:auto;
  	margin-left:auto;
  }

  /* Reset */
  .header-nav,
  .header-nav a,
  .header-nav ul,
  .header-nav li,
  .header-nav div {
  	margin: 0;
  	padding: 0;
  	border: none;
  	outline: none;

  }

  .header-nav a { text-decoration: none; }

  .header-nav li { list-style: none; }

  /* Menu Container */

  .header-nav {
  	display: inline-block;
  	cursor: default;
  	z-index: 500;
    min-width:980px;
    background-color:white;
    height:43px;
    position:relative;
    width:100%;

  }

  /* Menu List */
  .header-nav > li {
  	display: block;
  	float: right;
    position:static;/*very important do not remove*/
  }

  #desktop_header_cat{

   font-size:16px;
   color:black;

  }
  
 .header-nav > li > a {
      
  	position: relative;
  	display: block;
  	z-index: 510;
  	height: 44px;
  	padding:0px;
  	line-height: 44px;
  	padding-left:10px;
    padding-right:10px;
  	font-family: iransans-md-fanumber;
  	font-size: 14px;
  	color: #6c6e77;
/*  	-webkit-transition: all .3s ease;
  	-moz-transition: all .3s ease;
  	-o-transition: all .3s ease;
  	-ms-transition: all .3s ease;
  	transition: all .3s ease;*/

  }

   .header-nav > li > a:hover {
  	color: #353a4a;
    border-bottom:2px solid red;
  }

  
  .header-nav > li:first-child > a {
  	border-right: none;
  }

  
  
  /* Menu Dropdown */
  .header-nav > li > div {
      position: absolute;
      display: block;
      width: 100%;
      top: 42px;
      left: -2px;
/*      right:0px;*/
/*      opacity: 0;*/
      visibility: hidden;
      overflow: hidden;
      background: #ffffff;
      -webkit-transition: all .3s ease .15s;
      -moz-transition: all .3s ease .15s;
      -o-transition: all .3s ease .15s;
      -ms-transition: all .3s ease .15s;
      transition: all .3s ease .15s;
      border-bottom:1px solid #e1e1e1;
      border-left:1px solid #e1e1e1;
  }

  .header-nav > li:hover > div {
  	opacity: 1;
  	visibility: visible;
  	overflow: visible;
  }

  /* Menu Content Styles */
  .header-nav .nav-column {

  	float: right;
  	width: 25%;
  	padding: 40px 10px 10px 10px;
  	text-align:right;
    min-height:200px;

  }


   .img-nav-column {

  	float: left !important;
  	width: 35% !important;
  }


  .img-nav-column ul {
    text-align:end;
  }


  .header-nav .nav-column .head {
  	margin: -15px -10px 10px 0;
  	line-height: 18px;
  	font-family: iranyekan-md-fanumber;
  	font-size: 13px;
  	color: #16c1f3;

  }



  .header-nav .nav-column li a {
  	display: block;
  	line-height: 26px;
  	font-size: 13px;
    color: #4d4d4d;
  }




 .header-nav .nav-column ul li{

     padding:4px;
  }

.header-nav .nav-column li .cat-title{

   margin-top:30px;
   margin-right:20px;

 }

  .header-nav .nav-column li a:hover { color: #666666; }

  .inner{

      float:right;
      height:10px;
      top:-20px;
  	  right: -25px;
  	  margin-right:auto;
  	  margin-left:auto;

     }

  .layer2{

      height:44px;
  }

  .inner>li>.cat-details{

      top:40px;
      min-height:200px;
      background:white;
      padding-right:40px;
      max-width:1350px;
  }

/*  .inner>li:hover>a{

      height:36px;

  }*/

   .img{

      position:absolute;
      float:left;
      bottom:0px;
      margin-bottom:0px;
      left:0px;
     	max-width:300px;
      max-height:300px;
     }

  .border{

  	border-right:1px solid #e2e2e2 !important;
  	/*border-left:1px solid #e2e2e2 !important;*/
  }





  #user_account .dropdown-toggle::after {
     display:none;
  }


  #user_account  .dropdown-toggle{
/*       position:absolute;
      width:170px;*/
      left:5px;
      margin-top: 7px;
      cursor: pointer;
      font-size: 14px;
      text-align:left;
      margin-top:12px;

  }

  #user_account a{

   font-size: 14px;

  }

  #user_account .dropdown-menu {

   padding-right: 10px;
   padding-left: 10px;
   z-index: 2000;
   padding-bottom: 10px;
  width:200px;
  }

  #user_account #dropdown-menu2 {

   padding-bottom: 5px;

  }

  #user_account .dropdown-menu a{

   font-size: 13px;
   border-radius:5px;
   padding:5px 10px;

  }


  #user_account .dropdown-menu .dropdown-item i{

  font-weight: 100;
  padding-left: 5px;
  }

  #user_account .dropdown-menu .dropdown-item:hover i{

    color:red;
  }

  #user_account .dropdown-menu #log-out{

   position: relative;
   font-size: 13px;
   margin-right: -7px;
   padding-right: 0px;
     background: inherit;
  }


  #user_account .dropdown-menu #log-out img{

   margin-left: 6px;
   margin-right: 1px;
  }


  #user_account  .dropdown-menu #log-out :hover{

    color:red;
  }

  #user_account .dropdown-menu .dropdown-item{

   padding: 10px 10px;
   border-bottom:1px solid #e1e1e1;

  }



  #product_send a button{

   font-size: 14px;
   margin-top: 5px;
   font-weight: 550;
   padding: 5px 25px;
   color : white;
   background-color : #07d261;
   height: 39px;
  }



  #product_send .send  .before-lg{
  
   margin-top: 5px;
   padding: 4px 16px;
   font-size: 14px;
   
  }


  #search_button{

    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 0px !important;
  }

  
  
  .search-input{

        width: 300px;
        height:45px;
        z-index:1000;
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important;
        border-right: None;
        font-size: 14px;
        height: 42px;
        background-color:#fafafb !important;
   }

   
   
    .search-input:hover{

      background-color:white;
      box-shadow: 2px 2px 5px 2px rgba(0 , 0 , 0 , 0.1);
    }

    #search_button{

    	border-top-right-radius: 5px;
    	border-bottom-right-radius: 5px;
    	background-color:#ececef;
    	color:#8b8585;
    	font-size: 17px;
    	font-weight: 480;

    }

    #search_button .fa{

      position:relative;
      top:2px;
      font-size:22px;

    }


      ul{

        list:unstyled;
      }

       .mobile-nav{

         height:120px;
         background-color:white;
         padding-top:10px;
       }

       .navbar-toggler-solid{

           width:22px;
           position:relative;
           top:-1px;

        }

    	 .openbtn{

    	 	background-color:inherit;
    	 	border: 1px solid #b9b4b4;
    	 	border-radius: 5px;
            box-shadow:0 .1rem .5rem rgba(0,0,0,.1);
            width:38px;
            height:38px;
    	 }


    	 .sidepanel{

    	 	position: fixed;
    	 	z-index: 10000;
    	 	height: 100%;
    	 	top: 0;
    	 	width: 0;
    	 	right: 0;
    	 	background: white;
    	 	overflow-x: hidden;
    	 	transition: 0.5s;
    	 	padding-top: 0px;
    		padding-bottom: 0px;
    	 	border-bottom: none;
    	 }

    	 .sidepanel #user{

    	  border-bottom: 1px solid #d4d4d4;
          margin-top:20px;

    	 }

         #mySidepanel  .fa-angle-down{

           float:left;
           font-size:22px;

          }


    	 .sidepanel #user li.header-nav-item{

           padding:5px 5px;

    	 }

    	 .sidepanel #user a{

           color:#10253b;
           font-family:iransans-bold-fanumber;
           
    	 }

         .sidepanel li.header-nav-item{
           padding:5px 5px;
    	 }




    	 .sidepanel #user .a:hover .btn:hover{

    	   color:black;
    	 }



    .sidepanel #log-out{

    	 	position: relative;
    	 	right: -9px;
    	  background: inherit;
        font-size: 14px;
    }


    	 .sidepanel .end-item{

    	  padding-bottom: 20px;

    	 }


    	 .sidepanel .nv-top li a{

    		 font-size: 13px;
    		 padding-right: 5px;
    	 }

    	 .sidepanel .closebtn{
    	 	position: absolute;
    	 	align:left;
    	 	top:10;
            font-weight: 50;
    	 	left:10px;
    	 	font-size:29px;
    	 }

    	 .sidepanel .closebtn:hover{
         color:red;
    		 background-color: inherit;
    	 }




 #mobile_search  .form-control{

   /* width: 100%; */
   height:45px;

   }

   #mobile_search  .form-control{

     border-top-left-radius: 8px !important;
     border-bottom-left-radius: 8px !important;
     border-right: None;
     font-size: 14px;
     height: 40px;
     background-color:#ececef;
   }

   #mobile_search  .form-control:hover{

     background-color:white;
     box-shadow: 2px 2px 5px 2px rgba(0 , 0 , 0 , 0.1);
   }

   #mobile_search  button{

   	border-top-right-radius: 5px;
   	border-bottom-right-radius: 5px;
   	background-color:#ececef;
   	color:#8b8585;
   	font-size: 17px;
   	font-weight: 480;

   }

   #mobile_search  button .fa{

     position:relative;
     top:2px;
     font-size:22px;

   }

/*   #mobile_send_btn button{

    font-size:13px;
    background-color:#02d460;
    padding:8px 15px;
    color:white;

   }*/

    #mobile_send_btn button{

    font-size:13px;
    background-color:inherit;
    border:1px solid #d4d0d0;
    padding:8px 15px;
    color:#595a59;

   }

   a{
       color:#545556;
    }

   a:hover{
       color:#545556;
       text-decoration:none;
   }


   #back_title{

    font-size:18px;
    color:#545556;

   }

   #mobile-filter{

   border-radius:5px;

   }
   
   
    #user_account  .badge{

      color:white;
      padding:8px 15px;
      border-radius:20px;
      border-top-left-radius:0px;

    }
	
	
   .tech-dropdown{
       
       right:0px;
    }	
	
  .header-cat-dropdown{
      
	   width:510px !important;
	   padding:10px 20px !important;
	   border-radius:10px !important;
   }
   

	.header-cat-dropdown a{
       
	   font-size:13.5px;
	   font-family:iransans-md-fanumber;
	   color:#60676e;
	}
   

    .guide-dropdown{
		position: absolute;
        transform: translate3d(-430px, 50px, 50px);
		top: 0px !important;
		left: 0px !important;
		will-change: transform;
		width: 600px !important;
	}
	
    .first-nav {
       font-size: 14.5px !important;
       color: #212f42 !important;
       font-family: iranyekan-extrabold-fanumber !important;
	}
	
	.collapse a.dropdown-item {
      font-size: 13px;
      font-family: 'iranyekan-md-fanumber';
    }
    
   @media (min-width: 365px) {



   }

   @media (min-width: 768px) {


     .mobile-nav{

       height:60px;

     }


   }

@media (min-width: 992px) {


  .header-img{

      width:300px;
  }

  .search-input{

    width:250px;

  }

img.four-col-header-img{

    width:250px;
}


  #user_send_col{

   padding-left:30px;

 }

 #desktop_header_login a span{

     padding:5px 15px;
     color:black;
     border-radius:10px;
     margin-top:4px;
     font-size:13px;
}

.header-nav-item:after {

    content:'';
    display:block;
    position:relative;
    top:-4px;
    height:3px;
    width:0px;
    background:transparent;
    transition:width .3s ease, background-color .3s ease;
}

.header-nav-item:hover:after {

   width:100%;
   background:red;
}

.cat-title:after {

    content:'';
    display:block;
    position:relative;
    top:3px;
    height:2px !important;
    width:0px;
    background:transparent;
    transition:width .3s ease, background-color .3s ease;
}

.cat-title:hover:after {

   width:100%;
   background:red;
}


}



@media (min-width: 1200px) {

  .search-input {

    width:300px;

  }

}

@media (min-width: 1300px) {

img.four-col-header-img{

    width:300px;
}

}

@media (min-width: 1400px) {

    
.search-input{
  width: 350px;
  height:45px;
}


}

@media (min-width: 1500px) {

    


}