/*
Theme Name:  Divi Child
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Hesham Zebida
Author URI:  http://zebida.com
Template:    Divi
*/

@import url("../Divi/style.css");



.add_quote:hover, #reset-quote:hover, .back-to-gallery:hover {
    background: #827C7C!important;
    color: #FFF!important;
    font-weight: bold!important;
    font-size: 14px!important;
}

.add_quote {
    background: #FFCC00 !important;
    color: #000!important;
    font-weight: 700!important;
    padding: 20px 0 20px 0!important;
    width: 148px!important;
    margin: 5px 0 0 0!important;
    float: left;
    position: relative;
}

.tax-product_cat ul.products li.product
{
	display:inline-block;
}

.tax-product_cat .woocommerce ul.products li.first, .tax-product_cat .woocommerce-page ul.products li.first,.tax-product_cat ul.products li.product {
    clear: none!important;
	margin: 20px 5px!important;
	/*float:none!important;*/
}
.tax-product_cat .woocommerce-loop-product__title {
    height: 45px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.archive.et_full_width_page.woocommerce ul.products li.product {
    width: 24%!important;
}
.tax-product_cat a#add_to_quote_loop {
    background: #678f06;
}
.tax-product_cat .heading-more {
    float: left;
    color: #fff!important;
    padding: 10px;
    border-radius: 3px;
    margin: 5px 0 5px 0;
	    cursor: pointer;
}
.tax-product_cat .learn-more-content {
    float: left;
    margin: 10px 0 0 0;
}
.et_overlay:before
{
	display:none;	
}
/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
	#comment-wrap {
		max-width: 690px;
	}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}

.mobile_menu_bar:before
{
     color: #fff!important;
    font-weight: bold;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {  
	  #cont-dtls{	
    margin-right: 20px!important;  
	  }
	  .mobile_menu_bar:before {
   /* top: 20px!important;  */
	  }
/*	  .mobile_menu_bar:before
	  {
	  left: -280px!important;     
	  }*/
	  
	  .et_fixed_nav #logo
	  {
	 left: 60px;     
	  }
.mobmenu-push-wrap, body.mob-menu-slideout-over {
    padding-top: 80px!important;  
}
.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container
{
     padding-top: 0px!important;  
}
div#content-area {
    padding: 10px!important;  
}
  }
  
   /* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  #cont-dtls{	
    margin-right: 20px!important;  
	  }
	  .et_fixed_nav #logo
	  {
	 left: 0px;     
	  }
	  .nav
	  {
	      dispaly:block!important;
	  }
	  #top-menu li {
    font-size: 15px!important;  
    padding-right: 5px!important;  
}
}
  
  /* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .mobile_menu_bar:before {
   /* content: "\2630"!important;
    top: -120px;
    color: #fff!important;
    font-weight: bold;
    left: 180px!important;
    position: relative;*/
}
  }
  
  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
      .mobile_menu_bar:before {
   /* content: "\2630"!important;
    top: -120px;
    color: #fff!important;
    font-weight: bold;
    left: 180px!important;
    position: relative;*/
}
  }
  
  /* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
 .mobile_menu_bar:before
 {
    /* top:0!important;
     left:0!important;*/
 }
 
 
}
  /* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
 .mobile_menu_bar:before
 {
  /*   top:0!important;
     left:0!important;*/
 }

}