/* start  Global*/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}
body{
  direction:rtl;
  font-family:bahi;
  background:#f7fcf9;
}
@font-face {
    font-family:bahi;
    src: url(../fonts/bahi.ttf) format("truetype")
}
@font-face {
    font-family:gess;
    src: url(../fonts/gess.otf) format("truetype")
}
h1,p{
	margin:0;
}
ul{
  list-style:none;
}
/*start my framework*/
a{
  text-decoration:none;
  outline:none !important;
}
a:hover,a:focus{
  text-decoration:none;
  color:#fff;
}
.head:after{
  content:'';
  display:block;
  width:65px;
  height:2px;
  margin:25px 0;
}
@media(max-width:991px){
  .head:after{
  margin:25px auto;
}
}
.head-center:after{
  content:'';
  display:block;
  width:65px;
  height:2px;
  margin:25px auto;
}
@media(max-width:991px){
  .head-center:after{
  margin:25px auto;
}
}
.bold{
  font-weight:bold;
}
.normal{
  font-weight:normal;
}
.upper{
  text-transform:uppercase;
}
.clearfix{
  clear:both;
}
.under-head{
  color:#6b412d;
    font-size:15px;
    line-height:1.7;
    margin-bottom:50px;
}
/* Underline From Right */
.underline-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
/*  overflow: hidden;
*/}
.underline-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left:100%;
  right:0px;
  bottom: 0;
  background: #2b8f45;
  height: 3px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.underline-right:hover:before, .underline-right:focus:before, .underline-right:active:before {
  left: 0;
}
/*////////////////////*/
.main-color{
	color:#2b8f45;
}
.main-background{
	background-color:#2b8f45;
}
/* end my framework*/
.text-center{
  text-align:center
}
.overlay{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:rgba(34,25,17,0.73);
}
.fa-facebook{
  color:#3b5998;
}
.social .fa-twitter{
  color:#1da1f2;
}
.social .fa-instagram{
  color:#833ab4;
}
.social .fa-youtube{
  color:#f00;
}
.margin-auto{
  margin:auto;
}
/* end my framework*/
/* start header */
header{
  background-image:url(../images/background.png);
  background-size:100% 100%;
  height:850px;
  z-index:2;
}
.over{
  background-image:url(../images/header-background.png);
  background-size:100% 100%;
  height:850px;
  z-index:1;
}
/* start navbar*/
header .col-md-2{
  float:right;
}
header img{
  padding:30px;
  padding-right:108px;

}
header ul{
  margin-right:93px
}
header ul li{
  margin-left:20px;
  color:#373737;
  font-size:17px;
  display:inline-block;
  /*padding-top:60px;*/
  padding-bottom:20px;
  font-family:bahi;
}
.owl-next{
  position:absolute;
  top:48%;
  right:0;
  font-size:25px !important;
  background:none !important;
  color:#4f4f4f !important;
}
.owl-prev{
  display:none !important;
}
.links a{
  color:#373737;
  padding-bottom:10px;
}
.links a:hover{
  color:#373737;
}
.dropdown{
  padding-top:60px;
  margin-bottom:0px;
}
/*.dropdown a{
  padding-bottom:17px;
}*/
.dropdown-menu{
min-width:80px;

}
.dropdown-menu li{
 margin:0;
 padding:10px;
 float:right;
}
.border:after{
content:'';
color:#d6d5d6;
width:1px;
height:17px;
margin-right:20px;
border-right: 1px solid #ccc;
display:inline-block;
}
/* social*/
.social a i{
  color:#373737 !important;
}
.social a i:hover{
  color:#fff !important;
}
.social a{
  display:inline-block;
  padding-top:60px;
  padding-bottom:20px;
  font-size:20px;
  margin-right:30px;
  color:#373737 !important;
  outline:none;
}
.social a:hover{
  color:#fff !important;
}
header .social .search{
  display:none;
  position:absolute;
  bottom:-35px;
  left:43px;
  width:70%;
}
.search .form-control{
  width:60%;
  display:inline-block;
  height:33px;
  outline:none;
}
.form-control:focus{
  outline:none !important;
  border:0;
  box-shadow:none;
}
header .social button{
  width:27%;
  display:inline-block;
  margin-top:-4px;
}
.fa-search{
  cursor:pointer;
}
/*content*/
header .box{
  margin-top:83px;
  text-align:center;
  margin-right:16%;
  padding:60px 44px 75px;
  width:832px;
  height:360px;
  overflow:hidden;
  background-color:rgba(43,143,69,0.82);
}
.box h1{
  font-family:bahi;
  font-size:47px;
  font-weight:700;
  color:#fff;
  margin:0;
  margin-bottom:40px;
}
.box p{
  text-align:right;
  font-size:24px;
  font-weight:300;
  font-family:bahi;
  color:#fff;
  margin:0;
}
/* end header*/
/* start who we*/
.who-we{
	padding:95px 0 180px;
  overflow:hidden;
}
.who-we h1,
.who-we p{
	margin:0;
}
.head-all{
	font-weight:700;
	font-family:bahi;
	font-size:35px;
	color:#2b8f45;
	margin:0;
}
.p-all{
	font-weight:300;
	font-family:bahi;
	font-size:25px;
	color:#303030;
	margin:0;
}
.tid{
	position:relative;
  width:280px;
  margin-right:44%;
  margin-left:35%;
  padding:0;
}
.tid i{
	  position:absolute;
	  right:-16% !important;
    top:26%;
    font-size:35px;
}
.who-we .who-info{
    font-size:19px;
    font-weight:300;
    color:#212222;
    font-family:bahi;
    margin:0;
    margin-bottom:30px;
    margin-top:115px;
    max-height:555px;
    overflow:hidden;
}
.who-we .who-more{
color:#cb9f33;
font-weight:700;
font-size:21px;
}
.who-we .who-more i{
  margin-left:10px;
}
.who-back{
  position:relative;
}
.who-back .back{
  position:absolute;
  top:-245px;
  right:0px;
  z-index:2;
  opacity:0.03;
}
.who-back .front{
  position:absolute;
  top:115px;
  right:-15px;
  z-index: 1;
}
/* end   who we*/
/* start products*/
.products{
  background-image:url(../images/background2.png);
  background-size:100% 100%;
  height:1060px;
}
.products-over{
  background-image:url(../images/products.png);
  background-size:100% 100%;
  height:1060px;
  padding:120px 0;
  overflow:hidden;
}
.products .tid{
  margin-bottom:77px;
}
.thumbnail{
  margin-top:35px;
  height:400px;
  padding:0 15px 40px 15px;
  margin-bottom:99px;
}
.thumbnail .img{
   text-align:center;
   margin:auto;
   width:305px;
   height:293px;
   margin-top:-35px;
   position:relative;
   background:#fff;
   border-top: 22px solid #2b8f45;
   transition:all 2s ease-in-out;
   overflow:hidden;
}
.img:hover .over{
  display:block;
  opacity:1;
  visibility:visible;
}
.img .over{
  position:absolute;
  top:0;
  width:305px;
  height:260px;
  opacity:0;
  visibility:hidden;
  transition:all 0.5s ease-in-out;
  text-align:center;
  background:rgba(21,21,21,0.73);
}
.img .over .button-p{
  background:#cb9f33;
  font-size:22px;
  font-weight:700;
  color:#f7fcf9;
  border-radius:30px;
  width:190px;
  height:65px;
  line-height:65px;
  display:block;
  margin: auto;
  margin:-45px 0 0 -100px !important;
  position: absolute;
  top:50%;
  left:50%;
  transition:all 0.4s ease-in-out;
}
.over .button-p:hover{
  background:#140e01;
  color:#cb9f33;
  font-size:23px;
}
}
.thumbnail img{
  position:absolute;
  right:0;
  max-height:203px;
  max-width:305px;
  width:305px;
  height:203px;
  margin-top:35px;
}
.thumbnail h3{
  margin:0;
  margin-bottom:15px;
  color:#212222;
  font-weight:700;
  font-size:25.09px;
}
.thumbnail p{
  font-weight:300;
  font-size:18.07px;
  color:#212222;
}
/*.thumbnail:after{
  display: block;
content: '';
position: absolute;
left: 23px;
margin-top: 70px;
bottom: -34px;
width: 0;
height: 0;
border-style: solid;
border-width:42px 58px 8px 0px;
border-color: #F00 #0000 #008aff00;
}*/
/*make it later*/
.button-more{
  font-weight:700;
  font-size:22px;
  color:#f7fcf9;
  background-color:#cb9f33;
  display:block;
  width:250px;
  height:65px;
  line-height:65px;
  border-radius:30px;
  text-align:center;
  margin:auto;
  transition:all 0.4s linear;
}
.button-more:hover{
  background:#140e01;
  color:#cb9f33;
  font-size:23px;
}
/* end   products*/
/* start article*/
.article{
  padding:135px 0 85px;
  overflow:hidden;
}
.article .tid{
  margin-bottom:105px;
}

.imgs{
  position:relative;
  width:39%;
  margin-left:3%;
  float:right;
}
.imgs .top-green{
  position:absolute;
  top:10px;
  right:10px;
}
.article-info{
  width:58%;
  float:left;
  margin-top:30px;
}
.article-info h2{
  font-weight:700;
  font-size:23px;
  color:#3b3b3b;
  margin:0;
  margin-bottom:20px;
}
.article-info .art-p{
  font-size:18px;
  font-weight:300;
  color:#212222;
  margin:0;
  margin-bottom:30px;
}
.article-info .calender{
  color:#4e4e4e;
  font-size:18.38px;
  font-weight:300;
}
.article-info .calender i{
  margin-left:10px;
  font-size:17px;
}
.article-info .calender .fa-pencil{
  margin-right:10px;
}
.article-info .calender a{
  color:#2b8f45;
  font-size:17px;
  font-weight:300;
  margin-right:16px;
}
.article .button-more{
  margin-top:73px;
}
/* end   articles*/
/*start footer*/
footer{
  background:url(../images/background-last.png);
  background-size:100% 100%;
  height:auto
}
footer .f-over{
  background:url(../images/footer.png);
  background-size:100% 100%;
  height:auto;
  padding-top:173px;
}
footer .tid{
  margin-bottom:30px;
  margin-top:30px;
  margin-right:12% !important;
}
footer .tid h1{
  font-size:24px;
  font-weight:700;
  color:#2b8f45;
}
footer .tid p{
  font-size:14px;
  font-weight:300;
  color:#3a3a3a;
  margin-top:5px
}

/*site map*/
footer .links{
  background-color:#e8ebe9;
  font-size:20px;
  font-weight:300;
  color:#4c4c4c;
  display:block;
  margin-bottom:55px;
}
footer .links i{
  margin-left:10px;
}
footer .links a{
  display:block;
  margin:0;
  margin-bottom:12px;
}
footer .links a:hover{
 color:#686868;
}
footer .links .links1{
float:right;
margin-left:50px
}
footer .links .links2{
float:left;
margin-left:95px;
}
footer .col-md-4{
  margin-bottom:30px;
}
/*contact*/
footer .contact{
  background-color:#e8ebe9;
}
footer .contact i{
  margin-left:10px;
}
footer .contact p{
  font-size:19px;
  font-weight:300;
  color:#4c4c4c;
  margin-bottom:11px;
}
/*map*/
footer iframe{
margin-top:-10px;
text-align:center;
}
/*copy-right*/
.copy-right{
  background:#e8ebe9;
  padding:29px 0 24px;
  border-top:1px solid #d8dad9;
}
.copy-right p{
  color:#231e22;
  float:right;
  font-size:16px;
  font-weight:400;
}
.copy-right img{
  float:left;
}
/*end   footer*/
/* start responsive*/
@media(min-width:768px) and (max-width:991px){
    footer .tid{
  margin-left:7% !important;
  margin-right: 44% !important;
   }
}
@media(min-width:320px) and (max-width:991px){
  header ul{
    margin-right:0;
  }
  .border:after{
    margin-right:3px;
  }
  header ul li {
    margin-right: 5px;
  }
  header .social a{
    margin-right:25px;
    padding-top: 30px;
    padding-bottom:0;
  }
  header .social{
    text-align:center;
  }
  header .links ul{
    text-align:center
  }
  header img{
    padding:0;
  }
  header .box{
    height:auto;
    max-height:610px;
    width:auto;
    margin-top:15px;
    margin-right:auto
  }
  .box h1 {
    font-size: 36px;
  }
  .who-we{
    height:1028px !important;
    padding:0 !important;
  }
  .who-we .who-info{
    height:auto;
    overflow:hidden;
    max-height:500px;
    margin-top:30px;
  }
  .who-we .tid{
    margin-top:30px;
  }
  .p-all{
    font-size:19px;
  }
  .img .over{
    width:100%;
  }
  .products{
    height:1700px
  }
  .products-over{
    height:1700px;
  }
  footer .f-over{
    padding-top:300px;
  }
  footer .links{
    text-align:center;
  }
  footer .contact{
    text-align:center;
  }

  footer .copy-right{
    text-align:center;
  }
  .copy-right img{
    float:none;
    margin-top:30px;
  }
  .copy-right p{
    float:none;
  }
  footer .tid {
   margin-right: 44% !important;
   margin-bottom:20px;   
  }
   .article .col-md-6{
    padding-bottom:30px;
  }
}
@media(max-width:767px){
  .thumbnail{
    width: 360px;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 99px;
    height:450px
  }
  .thumbnail h3{
    margin-top:45px;
  }
  .thumbnail .img{
    width:auto;
  }
   .products{
    height:2300px
  }
  .products-over{
    height:2300px;
  }
   header{
    height:1100px;
  }
  header .over{
    height:1100px;
  }
  .products-over{
    padding:210px 0 120px;
  }
  .article .imgs{
    float:none;
    width:100%;
    margin-bottom:30px;
  }
  .article .article-info{
    float:none;
    width:100%;
    margin-bottom:30px;
  }
    footer .tid{
  margin-left:44% !important;
  }
}
@media(max-width:450px){
  .thumbnail{
    width:auto;
  }
  .thumbnail img{
    width:auto;
  }
  .links2{
    margin-left:0 !important;
  }
}
@media(max-width:380px){
  .tid{
    margin-right:33%;
  }
}
@media(min-width:960px) and (max-width:1199px){
  header .social a{
    margin-right:26px;
  }
  .border:after{
    margin-right:12px;
  }
  header ul li{
    margin-left:6px
  }
  .links2{
    margin-left:0 !important;
  }
  header .box{
    margin-right:auto !important;
    margin-top:15px;
  }
  .img{
    width:250px !important;
  }
  .img img{
    width:auto;
  }
  .over .button-p{
    margin-right:10% !important;
  }
  .article-info{
    width:52% !important;
  }
  .article .col-md-6{
    padding-bottom:30px;
  }
}
@media(min-width:982) and (max-width:1199px){
   footer .tid{
  margin-left:18% !important;
  }
}
/* end   responsive*/
/* start pages*/
/*=========================*/
/* start contact*/

/* start navbar*/
.contact-p ul li{
  margin-left:20px;
  color:#fff;
  font-size:17px;
  display:inline-block;
  padding:20px 0;
  font-family:bahi;
}
.contact-p .links a:hover{
  color:#00ff42 !important;
}
.contact-p .social a{
  display:inline-block;
  padding:20px 0;
  font-size:17px;
  margin-right:10px;
  color:#fff !important;
  outline:none;
}
.contact-p .social a:hover{
  color:#00ff42 !important;
}
.contact-p .social a i{
  color:#fff!important;
}
.contact-p .social i:hover{
  color:#00ff42 !important;
}
.contact-p .social a .fa-cart-plus{
  color:#31c548 !important;
  font-size:25px;
  margin-right:16px;
}
.contact-p a{
  color:#fff;
}
.contact-p .dropdown{
  padding-top:20px;
  margin-bottom:0px;
}
.contact-p .dropdown ul{
  padding-bottom:10px;
}
.contact-p .dropdown-menu li{
  padding:5px 0;
}
.contact-p .dropdown-menu a:hover{
 color:#111 !important;
 background:none;
}
.underline-right::before {
    bottom:-12px;
    color:#ccc;
}
.page-background{
  background-image:none;
  background:#1d1d1d;
}
.logo-background{
  background:#000000;
  height:226px;
  text-align:center;
}
.logo-background img{
  margin:0 auto;
  width:238px;
  height:160px;
  max-height:160px;
}
.contact-info p{
  color:#fff;
  font-size:17px;
  font-weight:300;
  display:inline-block;
  padding:20px 0;
}
.contact-info p i{
  margin-left:10px;
}
.contact-info .fa-phone{
  margin-right:10px;
}
.contact-info p:first-of-type{
  float:left;
}
.contact-info p:last-of-type{
  float:right;
}
/* end contact*/
/* start nav*/
.nav-page{
  background-image:url(../images/tree.png);
  background-size:100% 100%;
  max-height:192px;
}
.nav-over{
   padding:65px 0 52px;
}
.nav-page .border{
  height:30px;
  margin-left:18px;
}
.nav-page .tid{
  width:400px;
  margin:0;
  margin-right:5% !important;
}
.nav-page .tid h1{
  margin-bottom:13px;
}
.nav-page .tid i{
  right:-12% !important
}
.nav-page ul{
  margin:0;
}
.nav-page ul li{
  display:inline;
 }
.nav-page ul li a{
  font-weight:300;
  font-family:bahi;
  font-size:25px;
  color:#303030;
  margin-top: -10px;
  outline:none;
}
.nav-page .border:after{
  margin-right:20px;
}
/*   end nav*/
/* start contact-form*/
.contact-form{
  background:#f7fcf9;
  padding:80px 0 160px;
}
.contact-form input::placeholder{
   color:#3b3b3b; 
}
.contact-form form{
  width:100%;
}
.contact-form input{
  font-size:24.87px;
  font-weight:300;
  color:#3b3b3b;
  height:60px;
  overflow:hidden;
  padding:22px 30px 12px 30px;
  width:100%;
  background-color:#fff;
  display:block;
  border-radius:22px;
  border:0;
  margin-bottom:30px;
}
.contact-form input[type="submit"]{
  font-weight:700;
  font-size:22px;
  width:192px;
  height:69.09px;
  background:#cb9f33;
  color:#f7fcf9;
  text-align:center;
  line-height:69.09px;
  border:0;
  margin:auto;
  outline:none;
  padding:0;
  border-radius:30px;
  margin-bottom:122px;
}
.contact-form textarea{
  font-size:24.87px;
  font-weight:300;
  color:#3b3b3b;
  height:207px;
  overflow:hidden;
  padding:22px 30px 12px 30px;
  width:100%;
  background-color:#fff;
  border-radius:22px;
  border:0;
  margin-bottom:75px;
}
.contact-form textarea::placeholder{
   color:#3b3b3b; 
}
.contact-form .info p{
  font-size:17.5px;
  height:50px;
  overflow:hidden;
  font-family:gess;
}
.info span{
  font-family:bahi;
}
.info .font{
  font-family:bahi !important;
}
.font1{
  font-family:bahi !important;
}
.info i{
  margin-left:10px;
}
.info .fa-phone{
  margin-left:45px;
}
.number:before{
  content:'';
  border-right:1px solid #ccc;
  height:17px;
  margin:0 8px;
  width:1px;
  display:inline-block;
  background:#ccc;
}
/* end   contact-form*/
/* start responsive to pages*/
@media(min-width:320px) and (max-width:380px){
  .page-background{
    text-align:center;
    height:180px;
  }
  .contact-p .links li{
    padding:5px 0;
    margin-left:0;
    margin-right:0;
  }
  .contact-p .border:after{
    margin:0 2px !important;
  }
  .contact-p .social a{
    padding:5px 0;
  }
  .contact-info p:first-of-type{
    float:none;
    padding:10px 0;
  }
  .contact-info p:last-of-type{
    float:none;
    padding:10px 0;
  }
  .logo-back{
    padding-top:20px;
  }
  .nav-page{
  background-image:none;
  } 
  .nav-page .tid {
      margin-right: 9% !important;
   }
  .nav-page .tid i{
    right:-10% !important;
  }
}
@media(min-width:380px) and  (max-width:480px){
  .page-background{
    text-align:center;
    height:160px !important;
  }
  .contact-p .links li{
    padding:5px 0;
    margin-left:0;
    margin-right:0;
  }
  .contact-p .border:after{
    margin:0 10px !important;
  }
  .contact-p .social a{
    padding:5px 0;
  }
  .contact-info p:first-of-type{
    float:none;
  }
  .contact-info p:last-of-type{
    float:none;
  }
  .logo-back{
    padding-top:20px;
  }
  .nav-page{
  background-image:none;
  } 
  .nav-page .tid {
      margin-right: 8% !important;
   }
   .nav-page .tid i{
    right:-10% !important;
  }
}
@media(min-width:480px) and (max-width:768px){
   .page-background{
    text-align:center;
    height:160px !important;
  }
  .contact-p .links li{
    padding:5px 0;
    margin-left:0;
    margin-right:0;
  }
  .contact-p .border:after{
    margin:0 10px !important;
  }
  .contact-p .social a{
    padding:5px 0;
  }
  .contact-info p:first-of-type{
    float:none;
  }
  .contact-info p:last-of-type{
    float:none;
  }
  .logo-back{
    padding-top:20px;
  }
  .nav-page .tid {
      margin-right: 6% !important;
      margin-left: 8% !important;
   }
   .nav-page .tid i{
    right:-10% !important;
  }
}
@media(min-width:768px) and (max-width:991px){
  .page-background{
    text-align:center;
    height:160px !important;
  }
  .contact-p .links li{
    padding:5px 0;
    margin-left:0;
    margin-right:0;
  }
  .contact-p .border:after{
    margin:0 10px !important;
  }
  .contact-p .social a{
    padding:5px 0;
  }
  .contact-info p:first-of-type{
    float:none;
  }
  .contact-info p:last-of-type{
    float:none;
  }
  .logo-back{
    padding-top:20px;
  }
  .nav-page .tid {
      margin-right: 8% !important;
   }
}
@media(min-width:991px) and (max-width:1199px){
   .contact-p .col-md-5,
   .contact-p .col-md-4,
   .contact-p .col-md-3{
    float:none !important;
    text-align:center !important;
    margin:auto !important;
   }
   .nav-page .tid {
      margin-right: 3% !important;
   }

 .page-background{
    text-align:center;
    height:180px !important;
  }
  .contact-p .links li{
    padding:5px 0;
    margin-left:0;
    margin-right:0;
  }
  .contact-p .border:after{
    margin:0 10px !important;
  }
  .contact-p .social a{
    padding:5px 0;
  }
  .contact-info p:first-of-type{
    float:none;
    padding:10px 0;
  }
  .contact-info p:last-of-type{
    float:none;
    padding:10px 0;
  }
  .logo-back{
    padding-top:20px;
  }
}
@media(min-width:1200px){
  .page-background{
    height:66px;
  }
}
/* end responsive to pages*/


/*start english*/


/*end  english*/

/* end  contact*/
/*==========================*/
/* start about-us*/
.about-content{
  padding:110px 0 185px;
}
@media(max-width:991px){
  .about-content{
    padding:0;
    padding-bottom: 30px;
  }
}
.about-content .col-md-6{
  margin-bottom:30px;
}
.about-content .tid{
  margin:0;
  margin-right:8%;
  margin-bottom:53px !important;
}
@media(max-width:390px){
  .about-content .tid {
    margin: 0;
    margin-right:11%;
}
}
.about-content p{
  font-size:19px;
  font-weight:300;
  color:#212222;
  font-family:bahi;
  max-height:555px;
  overflow:hidden;
}
/* end   about-us*/

/*===============================*/
/*start product*/
.product{
  padding:130px 0 100px;
}
.product .img{
overflow:hidden;
background:#fff;
margin-bottom:32px;
position:relative;
}
.product .img img{
  width:auto;
  margin:auto;
  max-width:100%;
  height:314px;
  max-height:330px;
  max-width:314px;
}
.product .img .over{
  width:100%;
  height:100%;
  position:absolute;
}
/*.product .img .over .button-p{
  margin-top:33% !important;
}*/
@media(min-width:960px) and (max-width:1199px){
  .product .img{
    width:auto !important;
  }
}
/*@media(min-width:500px) and (max-width:991px){
  .product .img .over .button-p{
  margin-top:18% !important;
}
}*/
.product .cost{
  text-align:center;
}
.product .cost h2{
  margin:0;
  margin-bottom:13px;
  font-size:25px;
  font-weight:700;
  color:#3a3a3a;
}
.product .cost p{
  margin:0;
  font-size:21px;
  color:#3a3a3a;
  font-weight:300;
  border-bottom:1px solid #bcbfbd;
  display:inline-block;
}
.product .col-md-4{
  margin-bottom:75px;
}
@media(min-width:960px) and (max-width:1199px){
  .product .button-p{
    margin-right:18% !important;
  }
}
/*end   product*/
/* end  pages*/