/*
Theme Name: spaceoddityuae
Developer: Remely Javellana
Theme URI:  www.thedigital-sme.com

Author:  

Description: Pending description.
Version: 1.0

[March 15, 2021]  */

html, body{ /* overflow-x: hidden;position:relative;*/ }
body{
    font-family: 'Montserrat', sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    background: #fff;
    color: #666;  
    padding: 0px;
    transition: all 0.5s ease;
    overflow-x: hidden;
    /*position:relative;*/
    
}

h1,h2,h3,h4,h5 {margin-top: 0px;color: #222; font-weight: 700;}
h1{font-size: 50px;line-height: 56px;}
h2{ font-size: 40px; line-height: 50px; }
h3{ font-size: 32px; line-height: 42px;}
h4{ font-size: 22px; line-height: 32px;}
h5{  }
p {  }
p, li{ font-size: 14px; line-height: 20px; margin-top: 0px;}
a { outline: none !important; background: none;}
li,span{  }

/*Form elements*/
label{ display: block;}
input{border: 1px solid #CCC;width: 100%;height: 36px;padding: 0px 15px;outline: none;}
input, input[type="text"], input[type="submit"],
textarea {font-size: 14px;font-family: 'Montserrat';}

input[type="text"]{width: 100%;}
input[type=file]{border: none;visibility: visible;height: 23px;padding: 0px;}

textarea{border: 1px solid #ccc;width: 100%;padding: 10px 15px;background: #fff;outline: none;}
input[type='checkbox'], input[type='radio']{ width: auto; height: auto; }
input[type='submit']{font-weight: bold; background: #222;color: #fff;border: 1px solid #222;}

img{ max-width: 100%; }
a:focus, a:hover{ text-decoration: none; background: none;}
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white;}
hr{
    border-top: 3px solid #EFCB13;
    width: 44px;
    margin-top: 10px;
}

/*############ general starts ############*/


/*sticky nav scroll*/
.navbar-custom{ }
.tm-nav { 
    transition: all 0.5s ease;  
    padding: 30px 0px;
    position: fixed;
    width: 100%;
    background: #fff;
}

.tm-nav.scroll {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 15px rgba(112, 112, 1112, 0.09);
    position: fixed;
    left: 0;
    right: 0;
    transition: all 0.5s ease; 
    padding: 20px 0px; 
}

.tm-nav.scroll .navbar-brand img.logo{ height: 65px;  margin-top: -7px;mix-blend-mode: multiply; transition: all 0.5s ease; }

.tm-nav.scroll ul li{}
.tm-nav.scroll ul{ }
.tm-nav.scroll li a{}
.tm-nav.scroll .navbar-brand img{ }
/* sticky nav  */



@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotate(0deg);
  }
  to {
      -webkit-transform: rotate(359deg);
  }
}



/*############ general ends #############*/


/*############ header starts ############*/
nav.m_header{  z-index: 99; margin-bottom: 0px; border:none;    min-height: auto;}
nav.m_header .wrapper{ padding: 0px 15px; }
nav.m_header .navbar-brand{    padding: 0px 15px;  }
nav.m_header .navbar-brand img.logo{ 
  transition: all 0.5s ease; 
  mix-blend-mode: multiply; 
  margin-top: -15px;
    height: 80px;
}
nav.m_header .navbar-right{  }
nav.m_header .navbar-right li{  }
.nav>li>a{  transition: all 0.5s ease;padding: 10px 20px; color: #000; font-weight: 300; font-size: 19px;}
.nav>li>a:focus, .nav>li>a:hover, .nav>li>a.active{background-color: transparent; color: #5300fe;}
.nav>li>a:focus{background-color: transparent; }
/*############ header ends ##############*/


/*############ h_hero starts ############*/
section.h_hero{ background: #000; padding:300px 0px 180px 0px; text-align: center;  }
section.h_hero .wrapper{ width: 100%; display: inline-block; position: relative; }
section.h_hero img.ftrd{ width: 550px; margin:auto; -webkit-animation: rotation 60s infinite linear; }
section.h_hero .desc{  
  position: absolute;
    left: 0;
    right: 0;
    top: 40%;
}
section.h_hero  h1{  
  font-size: 64px;
    color: #fff;
    letter-spacing: 48px;
    margin-bottom: 20px;
    padding-left:55px;
}

section.h_hero  span.highlighted{  
  display: inline-block;
    background-color: #5300fe;
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 17px;
    padding: 0px 10px;
}
/*############ h_hero ends ##############*/


/*############ how_to_order starts ############*/
section.how_to_order{ background: #e9e9e9; padding: 180px 0px 200px 0px; text-align: center; }
section.how_to_order .wrapper{  }
section.how_to_order .intro{  padding-bottom: 60px; }
section.how_to_order .intro h2{ font-weight: 800; font-size: 36px; letter-spacing: 3px;  }

section.how_to_order .item{  }
section.how_to_order .item span.num{  
  display: inline-block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #5300fe;
  color: #fff;
  font-weight:800;
  font-size: 52px;
  padding-top: 8px;
  text-align: center;
  margin-bottom: 30px;

}

section.how_to_order .item h3{ font-weight:800; font-size: 24px;line-height: 28px; letter-spacing: 2px;  }
section.how_to_order .item p{ 
  font-weight: 500;
    color: #000;
    font-size: 18px;
    line-height: 26px;
    width: 70%;
    margin: auto;
}
/*############ how_to_order ends ##############*/



/*############ get_in_touch starts ############*/
section.get_in_touch{ background: #e9e9e9; padding: 150px 0px 180px 0px; text-align: center; }
section.get_in_touch .wrapper{  }
section.get_in_touch  h2{ font-weight: 800; font-size: 36px; letter-spacing: 3px;  }
section.get_in_touch  p{ font-weight:500;  color: #000; font-size: 16px;}

section.get_in_touch .item_wrap{ padding-top: 80px; }
section.get_in_touch .item_wrap .item{ display: inline-block; padding: 0px 20px; width: 25%; }
section.get_in_touch .item_wrap .item a{  }
section.get_in_touch .item_wrap .item a i{ 
  display: block;  
  color: #5300fe;
  font-size: 68px;
  padding-bottom: 30px;
}
section.get_in_touch .item_wrap .item a span{  
  display: block;
  color: #000;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1px;
}
/*############ get_in_touch ends ##############*/



/*############ cstm_sec starts ############*/
section.cstm_sec{ background: #fff; padding: 170px 0px; text-align: center; }
section.cstm_sec .wrapper{  }
section.cstm_sec .intro{ padding-bottom: 180px; }
section.cstm_sec .intro img.sign{ height: 100px; margin-bottom: 35px; }
section.cstm_sec .intro h3{ font-weight: 700;  letter-spacing: 4px;}
section.cstm_sec .intro h3 span{ font-weight: 400; }

section.cstm_sec .item_wrap{  }
section.cstm_sec .item_wrap .item{ padding: 0px 25px 20px 25px; }
section.cstm_sec .item_wrap img.key_visual{  
  box-shadow: 0px 4px 17px -2px rgb(0 0 0 / 15%);
    margin-bottom: 35px;
}

section.cstm_sec .item_wrap .clear{ display: inline-block;width: 100%; padding: 40px 0px; }
section.cstm_sec .item_wrap .desc{  }
section.cstm_sec .item_wrap .desc h4{     letter-spacing: 1px;    font-weight: 800; }
section.cstm_sec .item_wrap .desc p{ font-weight: 500; color: #000; line-height: 24px;     font-size: 13px;}
section.cstm_sec .item_wrap .desc a.view{  
  display: inline-block;
    font-weight: 800;
    color: #fff;
    background: #000;
    border-radius: 17px;
    padding: 6px 10px;
    letter-spacing: 1.5px;
    border:1px solid #000;
    transition: all 0.5s ease;
    margin-top: 20px;
    cursor: pointer;
}


section#day_collection .item_wrap .desc a.view:hover{
  color: #000;
    background: #fff;
}



section#night_collection img.sign{ height: 70px; }
section#night_collection{background: #000; padding-bottom: 200px;}
section#night_collection .intro h3{ color: #fff; }
section#night_collection .item_wrap .desc p, section#night_collection .item_wrap .desc h4{ color: #fff; }

section#night_collection .item_wrap .desc a.view{  
    color: #000;
    background: #fff;
    border:1px solid #fff;
}

section#night_collection .item_wrap .desc a.view:hover{
  color: #fff;
    background: #000;
}
/*############ cstm_sec ends ##############*/


/*############ cstm_footer starts ############*/
section.cstm_footer{ padding: 60px 0px; background: #000; text-align: center; }
section.cstm_footer .wrapper{  }
section.cstm_footer .social_icons{ padding-bottom: 35px; }
section.cstm_footer .social_icons a{  
  transition: all 0.5s ease;
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #5300fe;
  color: #fff;
  font-weight:800;
  font-size: 30px;
  padding-top: 8px;
  text-align: center;
  margin: 0px 5px;
}

section.cstm_footer .social_icons a:hover{
  transition: all 0.5s ease;
  background: #fff;
  color: #5300fe;
}
section.cstm_footer .social_icons a i{  }

section.cstm_footer  p{ font-weight: 500; font-size: 11px; color: #fff; letter-spacing: 1px; margin-bottom: 0px; }
/*############ cstm_footer ends ##############*/



/*############ description box starts ############*/
section.cstm_sec .details_wrapper{  
  display: inline-block;
  width: 100%;
  margin: 40px 0px;
}

section.cstm_sec  .item_details { 
  display: inline-block;
  background: #e9e9e9;
  padding: 80px 170px;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 5;
  visibility: hidden;
}

section.cstm_sec  .item_details.active{ visibility: visible; height: auto; position: relative; }


section.cstm_sec .item_details .gall_ery{  }


.slick-initialized .slick-slide{ display: inline-block!important; }
.centered_slider_nav  .slick-slide{ float: none!important; }
.centered_slider_nav  .slick-track{ width: 100%!important; }
section.cstm_sec .item_details .gal_slider{ }
section.cstm_sec .item_details .gal_slider .slide_wrap{ 
  padding: 15px;
  outline: none;
}


section.cstm_sec .item_details .gal_slider .slide_wrap img{ box-shadow: 0px 4px 17px -2px rgb(0 0 0 / 15%); }

section.cstm_sec .item_details .nav_wrap{  }
section.cstm_sec .item_details .nav_wrap img{  
  border: 1px solid rgb(0 0 0 / 15%);;
    margin: 8px;
    outline: none;
}



section.cstm_sec .item_details .nav_wrap .slider_nav{ padding: 0px 60px; cursor: pointer; }
section.cstm_sec .item_details .nav_wrap .slick-arrow{
  position: absolute;
  top: 40%;
  border-radius: 50%;
  background: #000;
  color: #fff;
  padding: 0px;
  width: 28px;
  height: 28px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}

section.cstm_sec .item_details .nav_wrap .aright{ right: 15px;padding-left: 3px; }
section.cstm_sec .item_details .nav_wrap .aleft{ left: 15px;padding-right: 3px; }

section.cstm_sec .item_details .desc{ text-align: left; padding: 30px 60px; }
section.cstm_sec .item_details .desc h3{letter-spacing: 1px;font-weight: 800;  }
section.cstm_sec .item_details .desc p{font-size: 14px; line-height: 20px;   /* height: 340px;*/}

section.cstm_sec .item_details .desc .make_order{ display: none; }
section.cstm_sec .item_details .make_order{  /*padding-top: 180px;*/ 
  position: absolute;
  bottom: 8%;
  text-align: left;
  right: -460px;
  z-index: 50;
}

section.cstm_sec .item_details .make_order h4{ font-size: 16px;line-height: 22px; border-bottom: 2px solid #000; padding-bottom: 5px;    letter-spacing: 1px;font-weight: 800;}
section.cstm_sec .item_details .make_order .cta{ padding-top: 20px; }
section.cstm_sec .item_details .make_order .item{
  text-align: center; 
  display: inline-block;
  padding: 0px 70px 10px 0px!important;
}

section.cstm_sec .item_details .make_order .item a{ color: #000; }
section.cstm_sec .item_details .make_order .item a i{ 
  display: block;
    font-size: 34px;
    padding-bottom: 5px; 
}

section.cstm_sec .item_details .make_order .item a span{
  display: block;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 1px;
}


section#night_collection .item_details{background: #3a3a3a;}
section#night_collection .item_details .make_order .item a{ color: #fff; }
section#night_collection .item_details .desc h3{ color: #fff; }

section#night_collection .item_details .make_order h4{ border-color: #fff; color: #fff; }

section#night_collection .item_details .nav_wrap .slick-arrow{ background: #fff;color: #000; }
/*############ description box ends ##############*/



/*############## crochet starts ###############*/
section.cro_chet{     background: #e9e9e9; padding: 80px 0px 80px 0px; border-bottom: 3px solid #5300fe; }
section.cro_chet .wrapper{ padding: 0px 80px;display: flex;  align-items: center; }
section.cro_chet .desc_wrap{ text-align: left; }
section.cro_chet .desc_wrap .desc{ padding: 0px 80px 0px 40px;  }
section.cro_chet .desc_wrap .desc h3{ letter-spacing: 1px; font-weight: 800; }
section.cro_chet .desc_wrap .desc p{
  font-weight: 500;
  color: #000;
  line-height: 24px;
  font-size: 15px;  
}

section.cro_chet .desc_wrap .desc a.view{  
    display: inline-block;
    font-weight: 800;
    color: #fff;
    background: #000;
    border-radius: 17px;
    padding: 6px 10px;
    letter-spacing: 1.5px;
    border: 1px solid #000;
    transition: all 0.5s ease;
    margin-top: 20px;
    cursor: pointer;
}

section.cro_chet .desc_wrap .desc a.view:hover{ color: #000;background: transparent;  }

section.cro_chet .video_wrap{  }
section.cro_chet .video_wrap video{  }




section.cro_chet .item_details{background: #fff; margin-top: 60px; margin-bottom: -85px;}
section.cro_chet .item_details .desc p{ color: #000;     font-weight: 500;}






.mfp-close { cursor: pointer!important; }
.mfp-arrow-right:after{     border-left: 17px solid rgb(0 0 0 / 50%); }
.mfp-arrow-left:after{     border-right: 17px solid rgb(0 0 0 / 50%); }
.mfp-counter{ display: none; }


/* Move-from-top effect */
.mfp-move-from-top .mfp-content {
    vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s;
    transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}
/*############## crochet ends ###############*/






/*####### mobile queries ##################*/

@media (min-width:1200px){
   section.get_in_touch .container, section.cstm_sec .container{     width: 1290px; }
}

@media (min-width:992px){
    
}


@media (max-width: 1830px){
    section.cstm_sec .item_details .make_order{     bottom: 7.5%; } 
    
}

@media (max-width: 1773px){
    section.cstm_sec .item_details .make_order{     bottom: 7%; } 
    
}

@media (max-width: 1730px){
    section.cstm_sec .item_details .make_order{     bottom: 6%; } 
    
}

@media (max-width: 1680px){
    section.cstm_sec .item_details .make_order{     bottom: 5.5%; } 
    
}

@media (max-width: 1640px){
    section.cstm_sec .item_details .make_order{     bottom: 5%; } 
    
}


@media (max-width: 1600px){
    section.cstm_sec .item_details .make_order{     bottom: 4%; } 
    
}


@media (max-width: 1540px){
    section.cstm_sec .item_details .make_order{     bottom: 3.5%; } 
    
}

@media (max-width: 1500px){
    section.cstm_sec .item_details .make_order{     bottom: 2%; } 
    
}


@media (max-width: 1540px){
    section.cstm_sec .item_details .make_order{     bottom: 3%; } 
    
}

@media (max-width: 1440px){
    section.cstm_sec .item_details .make_order{     bottom: 2%; } 
    
}

@media (max-width: 1400px){
    section.cstm_sec .item_details .make_order{     bottom: 0%; } 
    
}



@media (max-width: 1366px){
    section.cstm_sec .item_details .make_order{     bottom: -1%; } 
    
}


@media (max-width: 1280px){
    section.cstm_sec .item_details .make_order{        bottom: -4%; } 
    
}


@media (max-width: 1240px){
    section.cstm_sec .item_details .make_order{     bottom: -5%; } 
    
}


@media (max-width: 1200px){
    section.cstm_sec .item_details .make_order{     bottom: -6.5%; } 
    
}

@media (max-width: 1140px){
      section.cstm_sec .item_details .make_order{bottom: -8.5%;}

}

@media (max-width: 1130px){
  section.cstm_sec  .item_details{ padding: 80px 60px; }
  section.cstm_sec .item_details .make_order{ bottom: -1.5%; }

}


@media (max-width: 1100px){
  section.cstm_sec .item_details .make_order{ bottom: -2.5%; }

}

@media (max-width: 1060px){
  section.cstm_sec .item_details .make_order{ bottom: -3.5%; }

}




/*Ipad landscape*/

@media (max-width: 1024px){
  section.how_to_order .item p{     width: 80%; }


  section.cstm_sec  .item_details{ padding: 80px 50px; }
  section.cstm_sec .item_details .nav_wrap .slick-arrow{ top: 30%;width: 25px;height: 25px;line-height: normal; }
  section.cstm_sec .item_details .nav_wrap .aright{ padding-left: 3px; }
  section.cstm_sec .item_details .nav_wrap .aleft{ padding-right: 3px; }

  section.cstm_sec .item_details .make_order{ padding-top: 60px; }
  section.cstm_sec .item_details .desc{     padding: 30px 40px; }



  section.cro_chet .wrapper { padding: 0px 40px; }

}



/*ipad portrait*/

@media(max-width: 991px){
  nav.m_header .navbar-right li a{ font-size: 18px; }
  nav.m_header .navbar-brand img.logo{     margin-top: -10px;height: 75px; }

  section.h_hero{padding: 200px 0px 100px 0px;}
  section.h_hero img.ftrd{ width: 480px; }
  section.h_hero h1{ letter-spacing: 45px;    font-size: 52px; }


  section.how_to_order{     padding: 100px 0px; }
  section.how_to_order .item p{ width: 90%; }
  section.how_to_order .item h3{ font-size: 20px; }

  section.how_to_order .item span.num{  width: 85px;height: 85px; font-size: 48px; }


  section.cstm_sec{ padding: 100px 0px; }
  section.cstm_sec .intro{    padding-bottom: 100px;  }
  section.cstm_sec .intro img.sign{ height: 85px; }
  section.cstm_sec .intro h3{ font-size: 28px; }
  section.cstm_sec .item_wrap .desc h4{ font-size: 18px;line-height: 24px; }

  section.cstm_sec .item_wrap .desc a.view{     font-size: 13px; }

  section.cstm_sec .item_wrap .clear{ padding: 30px 0px; }

  section#night_collection{ padding-bottom: 100px; }

  section.get_in_touch{ padding: 100px 0px; }
  section.cstm_footer{     padding: 40px 0px; }



  section.cstm_sec .item_details .gall_ery{ padding-bottom: 40px; }
  section.cstm_sec .item_details .desc p{ height: auto; }

  section.cstm_sec .item_details .gall_ery .make_order{display: none; }
  section.cstm_sec .item_details .desc .make_order{ display: block; position: initial; }


  section.cro_chet{ padding: 80px 0px; }
  section.cro_chet .desc_wrap .desc{     padding: 0px 0px 0px 20px; }
  section.cro_chet .item_details{ margin-bottom: -80px; }


}


@media (max-width: 768px){

}



/*mobile landscape*/

@media (max-width: 736px){
  #navbar-hamburger {
      width: 35px;
      height: 30px;
      position: relative;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
    }

    #navbar-hamburger span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #000;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }

    #navbar-hamburger span:nth-child() {
      top: 0px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }

    #navbar-hamburger span:nth-child(3) {
      top: 5px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }

    #navbar-hamburger span:nth-child(4) {
      top: 14px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }

    #navbar-hamburger.open span:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 6px;
      left: 3px;
    }

    #navbar-hamburger.open span:nth-child(3) {
      width: 0%;
      opacity: 0;
    }

    #navbar-hamburger.open span:nth-child(4) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 14px;
      left: 8px;
    }



  .tm-nav{ padding: 10px 0px 10px 0px; }
  nav.m_header .navbar-brand img.logo{     height: 50px;    margin-top: 2px; }
  nav.m_header .wrapper{ padding: 0px 0px; }
  .navbar-toggle .icon-bar{ background: #000; width: 30px; }
  .navbar-toggle .icon-bar+.icon-bar{     margin-top: 5px; }
  .navbar-toggle{ margin-right: 0px;margin-bottom: 0px; }

  .tm-nav.scroll{ padding: 5px 0px 5px 0px;    background: rgba(255, 255, 255, 1); }
  .tm-nav.scroll .navbar-brand img.logo{ height: 48px; margin-top: 5px; }


  section.h_hero{ padding: 145px 0px 80px 0px; }
  section.h_hero img.ftrd{ width: 85%; }
  section.h_hero h1{ letter-spacing: 27px;font-size: 30px;padding-left: 23px;     line-height: 34px;    margin-bottom: 10px;}
  section.h_hero span.highlighted{ letter-spacing: 12px;    font-size: 14px; }

  section.how_to_order{     padding: 60px 0px 30px 0px; }
  section.how_to_order .intro h2{     font-size: 28px; }
  section.how_to_order .intro{ padding-bottom: 30px; }
  section.how_to_order .item{     margin-bottom: 40px; }
  section.how_to_order .item span.num{ width: 70px;height: 70px;font-size: 38px; }


  section.cstm_sec{ padding: 60px 0px 30px 0px; }
  section.cstm_sec .intro{ padding-bottom: 60px; }
  section.cstm_sec .intro img.sign{ height: 75px;    margin-bottom: 20px; }
  section.cstm_sec .intro h3{ letter-spacing: 2px; }

  section.cstm_sec .item_wrap .item{ padding: 0px 30px 60px 30px; }
  section.cstm_sec .item_wrap .clear{ display: none; }
  section.cstm_sec .item_wrap .desc p br{ display: none; }

  section#night_collection{ padding-bottom: 30px; }
  section#night_collection img.sign{ height: 54px; }


  section.get_in_touch{padding: 60px 0px; }
  section.get_in_touch h2{ font-size: 30px;line-height: 34px; }
  section.get_in_touch .item_wrap{ padding-top: 60px; }


  section.get_in_touch .item_wrap .item{ width: 32%;padding: 0px 15px;}
  section.get_in_touch .item_wrap .item a i{  font-size: 40px;  padding-bottom: 15px;}
  section.get_in_touch .item_wrap .item a span{ font-size: 12px; }

  section.cstm_footer .social_icons{ padding-bottom: 20px; }
  section.cstm_footer .social_icons a{  width: 45px; height: 45px;font-size: 22px; }


  section.cstm_sec .details_wrapper{ margin:0px; display: block;}
  section.cstm_sec  .item_details{     padding: 60px 20px; margin-bottom: 60px; }
  section.cstm_sec .item_details .desc h3 { font-size: 26px;line-height: 30px; }
  section.cstm_sec .item_details .make_order .item{ padding: 0px 30px 20px 0px!important; }
  section.cstm_sec .item_details .make_order .item a i{     font-size: 24px; }
  section.cstm_sec .item_details .make_order .item a span{ font-size: 10px; }
  section.cstm_sec .item_details .nav_wrap .slick-arrow{ top: 35%; }

  section.cstm_sec .item_details .make_order h4{ font-size: 16px; }

  section.cstm_sec .item_details .nav_wrap .centered_slider_nav{/* padding: 0px 0px;  */}
  .centered_slider_nav .slick-track{}
  .centered_slider_nav .slick-track img{  width: 35%!important; }


  section.cro_chet{ padding: 60px 0px 60px 0px; }
  section.cro_chet .wrapper{ display: inline-block; padding: 0px 15px; }
  section.cro_chet .desc_wrap .desc{ padding: 0px 0px 40px 0px; }
  section.cro_chet .item_details{ margin-bottom: -60px; }





}

@media(max-width: 667px){


}

@media(max-width: 640px){
   

}

@media(max-width: 568px){
 

}



/* mobile portrait*/

@media (max-width: 480px){
  section.cstm_sec  .item_details{ width: 92%; }
  section.cro_chet  .item_details{ width: 100%;  }
}

@media(max-width: 375px){
  
}

@media(max-width: 360px){
   section.cstm_sec  .item_details{padding: 60px 0px;}
}

@media(max-width: 320px){
   section.h_hero h1{     letter-spacing: 18px; }
   section.cstm_sec .item_details .desc{    padding: 30px 30px;}

}
/*####### mobile queries ends #################*/