/**
 * Theme Name: Daniel Simon
 * Version: 1.0
 **/


 .home #home-slider .slider-caption {
  bottom: 130px;
 }

 #home-slider .slider-caption {
  bottom: 70px;
 }

 .page-template-template-product  #home-slider .paralaxbg {
  margin-bottom: 0;
 }

 .page-template-template-product .introduction {
  transform: none;
  padding-top: 84px;
  padding-bottom: 89.5px;
 }

 /*.slick-prev, .slick-next {height:52px; top}*/

 /* changes done by sachin dated on 29 Dec 2017 */

.header .top-bar .toggle-topbar.menu-icon a span {background-color:#CBCBCB !important;}
.header .socials-wrapper li a .fa {color:#CBCBCB !important;}
/*.top-bar .toggle-topbar.menu-icon a span {background:#eee;}
.header.nav-up .top-bar .toggle-topbar.menu-icon a span {background-color:#CBCBCB !important ;}*/
div.slick-slide.slick-current.slick-active,
div.slick-slide {min-height:auto !important;}
.home #home-slider .slider-caption, #home-slider .slider-caption  {bottom:20px;}
.slick-dots,
.slick-dots li button {margin-bottom:40px;}
#home-slider .slider-caption p {font-size:45px; line-height:55px; margin-bottom:100px;}
.slick-prev:before  {top:20%; height:52px;transition:none;background-size: 43%;}
.slick-next:before  {top:20%;transition:none;background-size: 43%;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{background-size: 43%;
    opacity: 0.4;}

/* changes done by sachin dated on 4 Jan 2018 */
.about-years  {font-size: 21px; border-bottom: 1px solid #999; color:#a8a8a8;}
.about-points {margin-bottom:20px; font-size: 18px; color: #808080; border-bottom:1px solid #eee; padding-bottom:5px;}
.header .top-bar  {padding-top:100px;}
.gallery .caption p.item-title,
.single-top-caption p   {text-align:center;}

/* changes done by sachin dated on 6 Jan 2018 */
.header .logo {padding-top:4px;}
#home-slider .slider-caption h3, .single-top-caption p {margin-bottom:5px; font-size:15px; line-height:2px;}
.about-page .slider-caption p {font-size:15px !important; line-height:22px !important; font-family:MavenProRegular  !important; margin-bottom:0px !important; letter-spacing:250px;}
.about-page .slider-caption h3 {font-size:45px !important; line-height:55px !important; font-family: PoiretOneRegular !important;}

/* changes done by sachin dated on 17 jan 2018 */
.product_banner_slider .slick-next:before, .home_banner_slider .slick-next:before,
.product_banner_slider .slick-prev:before, .home_banner_slider .slick-prev:before {background-size:43%; opacity:0.4;}


.socials-wrapper li:hover {-webkit-transform: scale(1.08); transform: scale(1.08);}

.top-bar .title-area:hover {-webkit-transform: scale(1.08); transform: scale(1.08);}

.slick-prev:hover, .slick-next:hover {background-size:67%;}





 @media only screen and (max-width: 641px) {

  .page-template-template-product .introduction {
    transform: none;
    padding-top: 66.5px;
    padding-bottom: 49.5px;
  }
 }
 @media only screen and (max-width: 1024px){
  .page-template-template-product .introduction {
        padding-top: 40px;
        padding-bottom: 45px;
    }

    [class*="column"]+[class*="column"]:last-child  {float:left;}
    .contact-social-block  {width:50%; text-align:right;  }
    .social-content {line-height: 36px; border-right: 1px solid #ddd; padding-right: 30px}
    .contact-email  {margin-top:8px;}

 }
@media only screen and (min-width: 1366px) and (max-width: 1466px){
  .gallery .gallery-bg  {height:290px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px){
  .header .logo {padding-top:0px;}
  .add_pad .top-bar .title-area {padding-top:0px;}
  .add_pad .header  {padding:20px 0px;}
  .header .top-bar  {padding-top:100px;}
  .paralaxbg  {background-attachment:unset !important; min-height:auto !important;}
  .gallery .gallery-bg  {height:260px;}
}

  @media only screen and (min-width: 768px) and (max-width: 1024px){
 .home #home-slider .slider-caption {bottom:15px;}
  #home-slider .slider-caption p, .single-top-caption h1  {font-size:40px; line-height:50px;}
  #home-slider .slider-caption h3   {font-size:14px;} 
  .header {padding:10px;}
  .top-bar .title-area  {top:20px; left:20px;}
  .header .logo img {width:130px;}
 /* .top-bar .toggle-topbar.menu-icon a span {color:#eee;}*/
  .slick-dots li button:before  {height:5px; width:5px;}
  .slick-slider .slick-dots li button {padding:5px;}
  .header .logo {padding-top:0px;}
  /*.add_pad .top-bar .title-area {padding-top:10px;}*/
  .add_pad .top-bar .title-area {padding-top:0px;}
  .header .top-bar  {padding-top:80px;}
  .faq-page .page-title {font-size:52px; line-height:58px;}
  .paralaxbg  {background-attachment:unset !important; min-height:auto !important;}
  .socials-wrapper  {margin:5px 0px 0px 0px; float:right;}


  }

   @media only screen and (min-width: 480px) and (max-width: 768px){
  .home #home-slider .slider-caption  {bottom:10px;}
  #home-slider .slider-caption p  {font-size:30px; line-height:36px; letter-spacing:2px; margin-bottom:20px;}
  #home-slider .slider-caption h3 {font-size:14px; letter-spacing:1.5px;}
  .slick-dots {bottom:-40px;}
  .slick-slider .slick-dots {bottom:-10px;}

  .header {padding:0px;}
  .top-bar .title-area  {top:20px; left:20px;}
  .header .logo img {width:100px;}
 /* .top-bar .toggle-topbar.menu-icon a span {color:#eee;}*/
  .slick-dots li button:before  {height:5px; width:5px;}
  .slick-slider .slick-dots li button {padding:5px;}

  .medium-text-center {padding:10px 10px 8px 10px;}
  .top-bar .title-area  {top:20px; left:20px;}
  .header .logo {padding-top:0px;}

  .add_pad .header    {padding:0px;}
  .header .top-bar  {padding-top:80px;}
/* #home-slider .slider-caption  {bottom:30px;}*/
  .faq-page .page-title {font-size:22px; line-height:28px;}
  .paralaxbg  {background-attachment:unset !important; min-height:auto !important;}
  /*.faq-page .page-title {top:200px;}*/



  }


  @media only screen and (max-width: 480px){

  #home-slider .slider-caption h3 {display:none;}
  .slick-dots {bottom:-40px;}
  #home-slider .slider-caption p {letter-spacing:2px; font-size:22px; line-height:24px;}
  .home #home-slider .slider-caption  {bottom:20px;}

  }



/*Rajesh Changes 24-9-2019*/
.about-page .slider-caption p, .single-top-caption p{
   color: #fff !important;
    font-family: 'MavenProRegular' !important; 
    text-transform: uppercase !important;
    margin: 0 !important;
    letter-spacing: 2.5px !important;
     margin-bottom: 5px !important;
    font-size: 15px !important;
    line-height: 2px !important;
}


.about-page .slider-caption h3, .single-top-caption h1, .faq-page .page-title
 {
    font-size: 45px !important;
    line-height: 55px !important;
    margin-bottom: 35px !important;
    font-family: 'PoiretOneRegular' !important;   
    color: #fff !important;  
    text-transform: uppercase !important;
    text-align: center !important;
}



  @media only screen and (min-width: 768px) and (max-width: 1024px){
.about-page .slider-caption h3, .single-top-caption h1, .faq-page .page-title {font-size:40px !important; line-height:50px !important;}
.about-page .slider-caption p, .single-top-caption p  {font-size:14px !important;} 
#home-slider .slider-caption, .faq-page .page-title { bottom: 15px;}

}

   @media only screen and (min-width: 480px) and (max-width: 768px){
.about-page .slider-caption h3, .single-top-caption h1, .faq-page .page-title {font-size:30px !important; line-height:36px !important; letter-spacing:2px !important; margin-bottom:20px !important;}
.about-page .slider-caption p, .single-top-caption p  {font-size:14px !important; letter-spacing:1.5px !important;}
#home-slider .slider-caption, .faq-page .page-title {bottom:10px;}
}


@media only screen and (max-width: 1024px) and (orientation: portrait){
.page-template-template-product #home-slider .paralaxbg, .about-page, .single-top .paralaxbg, .faq-page {
    margin-top: 65px;  
}

/*Rajesh Changes 24-9-2019 END*/

/*Rajesh Changes 02-10-2019*/
.header.nav-up .top-bar .toggle-topbar.menu-icon a span {background-color:#CBCBCB !important ;}
.header {background: transparent !important;}

/*Rajesh Changes 02-10-2019 END*/