body {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans",Arial,sans-serif;
    background-color: #fff;
  }
  
  /**************************************header****************************************************/
  #topbar {
    background-color: #f0b11be3;
  
    height: 30px;
    
  }

  
  #topbar .contact-info a {
    color: #000;
    margin-right: 15px;
    text-decoration: none;

    line-height: 1.6;
    font-weight: 600;
    font-size: 0.75em;
position: relative;
top: 2px;
  
  
  }
  #topbar .contact-info h6{
    color: #000;
    margin-right: 15px;
    text-decoration: none;

    line-height: 1.6;
    font-weight: 600;
    font-size: 0.75em;
position: relative;
top: 2px;

  }
  
  #topbar .contact-info a:hover {
    color: #ff3ae0cc;
    text-decoration: underline;
  }
  #topbar .social-links a img{
    width:20px;
    margin:5px;
    height:20px;
  }
  #topbar .social-links a img:hover{
    width:25px;

    height:25px;
  }
  #topbar .fas {
    color: #000;
    margin-right: 5px;
    font-size: 16px;
  
  }
  
  #topbar .fas:hover {
    color: #ff3ae0cc;
    font-size: 24px;
  }
  
  #topbar .fab:hover {
    color: #ff3ae0cc;
    font-size: 24px;
  }
  
  #topbar .fab {
    color: #000;
    margin-right: 8px;
    font-size: 16px;
  
  }
  .header {
  
  
    box-shadow: 0 8px 6px -6px #d7a616;
  
    animation: mymove 2s infinite;
    
    
            background: #000;
  
  }
  
  .logo {
    margin-left: 20px;
    width: 172px;
  
  }

  
  .navbar-nav{
      margin-top:30px;
  } .navbar-nav .nav-item .nav-link {
  
    font-size: 0.95em;
    font-weight: 600;
    padding: 2em 1.5em 2.5em;
  
    color:  #ff06d8;
    transition: 0.3s;
    
 line-height:1.6;
    text-transform: uppercase;
   
  
  
    display: inline-block;
  
    position: relative;
  
  }
  .navbar-light .navbar-nav .nav-link {
    color: #ff3ae0cc;
}
 
  .navbar-nav .nav-item .nav-link:hover {
    color: #ff3ae0cc;
    font-size:1em;
    border-top:2px solid #ff3ae0cc;
  }
  
  /* .nav-item a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #ff3ae0cc;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  
  .nav-item a:hover:after {
    width: 100%;
    
  
  /* .dropdown a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    background: #028397;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  
  .dropdown a:hover:after {
    width: 100%;
    left: 0;
  }
   */
  .dropdown a {
    color:#ff3ae0cc;;
  
    transition: 0.3s;
    font-size: 16px;
 
    text-transform: uppercase;
    font-weight: 500;
    text-decoration: none;
  
  
    display: inline-block;
  
    position: relative;
  }
  
  .dropdown a:hover {
    color: #222;
    font-size: 1em;
    
  
  }
  
  .dropdown-menu .dropdown-item {
    color:#ff3ae0cc;;
  
    transition: 0.3s;
    font-size: 0.95em;

    text-transform: uppercase;
    font-weight: 500;
  
  
    display: inline-block;
  
    position: relative;
  }
  
 
  .navbar-nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
        margin-top: 0.125rem;
    font-size: 0.95em;
    color: #ff3ae0cc;;
    text-align: left;
    list-style: none;
    background-color: rgb(255, 214, 51, 0.8);
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
}
  #navbarDropdown i {
    margin-left: 6px;
  }
  
  .navbar-light .navbar-nav .nav-link.show {
    color: #ff3ae0cc;
  }
  
  .dropdown-item.active,
  .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #cc0099;
  }
  

  .slider{

    margin-top:10%;


  }
  .box_1{

    background: #f0b11be3;
  }
  #first-block {
    background: none repeat scroll 0 0 #f0b11be3;
    padding: 3em 2em;
    text-align: center;
} .line {
    max-width: 71.25rem;margin: 0 auto;
    padding: 0 0.625rem;clear: left;
}#first-block h1 {
    color: #000;
    font-size: 2em;
    font-weight: 300;
    margin-top: 0;
}#first-block p {
    color: #6c7c84;
    font-size: 0.85em;line-height: 1.6;
} 
.line .btn-light {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 0.85em;
    margin-top: 1.25em;
    padding: 0.625em 1.25em;
    background:#d7a616;
    text-transform :uppercase;
 

}.line .btn-light:hover{
    background:#f0b11be3;color: #fff;
}
.l-2 {
    width: 16.6666%;margin-left: 40%;
}
.line::after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#features {
    background: none repeat scroll 0 0 #fff;
    padding: 6em 2em;
    text-align: center;
}
.margin {
    margin: 0 -0.625rem;
}.margin-bottom {
    margin-bottom: 1.25rem;
}.l-3 {
    width: 25%;float: left;
    position: static;padding: 0 0.625rem;
}#features h2 {
    color: #00283a;
    font-size: 1em;
    font-weight: 600;
    margin: 1.25em 0;
    text-transform: uppercase;
}#features p {
    color: #777;
    font-size: 0.85em;
    line-height: 1.5em;
}.button, a.button, a.button:link{
    background: #777 none repeat scroll 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.85rem;
    padding: 0.825rem 1rem;
    text-align: center;} a:link{
        text-decoration: none;
    }
    
    .about-us1{
      margin-top:1%;

    }
    #about-us {
        background: none repeat scroll 0 0 #fff;
        clear: both;
    }
    #about-us .col-lg-6{
      padding:20px;
      width:50%;
    }#about-us .col-lg-6 img{
      height:auto;
      margin-top:70px;
      width:100%;
    }
    #about-us .col-lg-6 h3{
    
 font-weight: 600;
 text-transform: uppercase;
 letter-spacing: .5px;
 font-size: 26px;line-height: 1.2em;
 color:#222;
 padding:20px;
    }
    #about-us .col-lg-6 p{

      padding:20px;
 color:#000;
 font-size: 15px;
 line-height: 1.73333em;font-weight: 600;
 text-transform:inherit;    letter-spacing: .5px;
 text-align:left;
    }
    #about-us .col-lg-6 a{
    color:#fff;
    margin-left:30px;font-size: 14px ;
    letter-spacing: .11em !important;transform: translateY(1px);
    font-family: 'Heebo', sans-serif !important;
    text-transform: uppercase;font-weight: 500;
    }

    .slideshow
{
  margin-top: 4%;
  margin-bottom: 10%;
}
.slideshow h3{
text-align:center;
  font-weight: 600;
 text-transform: uppercase;
 letter-spacing: .5px;
 font-size: 26px;line-height: 1.2em;
 color:#222;
 padding:30px;
 margin-bottom:5%;
}.slideshow #jssor_1{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
    .jssorl-009-spin img {
      animation-name: jssorl-009-spin;
      animation-duration: 1.6s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
     
  }

  @keyframes jssorl-009-spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }

  /*jssor slider bullet skin 057 css*/
  .jssorb057 .i {position:absolute;cursor:pointer;}
  .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
  .jssorb057 .i:hover .b {stroke-opacity:.7;}
  .jssorb057 .iav .b {stroke-opacity: 1;}
  .jssorb057 .i.idn {opacity:.3;}

  /*jssor slider arrow skin 073 css*/
  .jssora073 {display:block;position:absolute;cursor:pointer;}
  .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
  .jssora073:hover {opacity:.8;}
  .jssora073.jssora073dn {opacity:.4;}
  .jssora073.jssora073ds {opacity:.3;pointer-events:none;}


  /*************************************************************************/
 .footer {
  height:380px;
    
  }
  .footer .col-md-3{
 
   float:left;
   padding:40px;
  }
  .footer .col-md-3 h5{
 
 
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 18px;line-height: 1.2em;
   color:#ff06d8;
   padding:30px;
   text-align:center;
  }
  .footer .col-md-3 ul{
 list-style-type: none;
 
 
  }
  .footer .col-md-3 ul li address{
 
  
   font-size: 15px;
   line-height: 1.73333em;font-weight: 400;
   text-transform:capitalize;    letter-spacing: .5px;
   text-align:left;color:#ff06d8;
 
  }
 
  .footer .col-md-3 ul li  i{
   color:#ff06d8;
   font-size:30px;
   padding:5px;
  }
  .footer .col-md-3 ul li em{
   color:#ff06d8;
   font-size:13px;
  }
  .footer .col-md-3 ul li{
   margin-bottom:10px;
  }
 
  .footer .col-md-3 ul .link_list{
 
   margin-bottom:10px;
   margin-left:40px;

   font-size: 15px;
   line-height: 1.73333em;font-weight: 400;
   text-transform:uppercase;   
    letter-spacing: .5px;
   text-align:left;color:#ff06d8;
  }
 
  .footer .col-md-3 .social_media .social{
    float:left;  margin-left:5px;
 
  }
  .footer .col-md-3 .social_media {
    margin-left:20px;
  }
  .footer .col-md-3 ul .link_list a{
   color:#ff06d8;
 }
  .footer .col-md-3 .social_media .social i{
 font-size:34px;
 padding:5px;color:#ff06d8;
  } 
  
  .footer .col-md-3 .social_media .social i:hover{
    font-size:38px;
    padding:5px;color:#ff06d8;
     }#down{
    padding:30px;
  }
  .footer2{

    background:#f0b11be3; border-top: 2px solid #000; padding: 10px;
    font-size: 14px; font-weight:500;
  }
   /*************************************************************************/

   @media(max-width:480px){

    .footer {
      height:480px;
        
      }
      #down{
        padding:20px;
      }
      .footer .col-md-3{
     
       float:left;
       padding:0px;
      }
      .footer .col-md-3 h5{
     
       font-family: Montserrat,sans-serif;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: .5px;
       font-size: 15px;line-height: 2em;
       color:#fff;
       padding:0px;
       text-align:center;
      }
      .footer .col-md-3 ul{
     list-style-type: none;
   }
     .footer .col-md-3 ul li{
       float:left;
     }
     
      
      .footer .col-md-3 ul li address{
     
       font-family: Montserrat,sans-serif;
       font-size: 10px;
       line-height: 2em;font-weight: 400;
       text-transform:capitalize;    letter-spacing: .5px;
       text-align:left;color:#fff;
     
      }
     
      .footer .col-md-3 ul li  i{
       color:#fff;
       font-size:24px;
       padding:5px;
      }
      .footer .col-md-3 ul li em{
       color:#fff;
       font-size:10px;
      }
      .footer .col-md-3 ul li{
       margin-bottom:5px;
      }
     
      .footer .col-md-3 ul .link_list{
     
       margin-bottom:10px;
       margin-left:10px;
       font-family: Montserrat,sans-serif;
       font-size: 10px;
       line-height: 2em;font-weight: 400;
       text-transform:uppercase;   
        letter-spacing: .5px;
       text-align:left;color:#fff;
      }
     
      .footer .col-md-3 .social_media .social{
        float:left;  margin-left:5px;
     
      }
      .footer .col-md-3 .social_media {
        margin-left:120px;
      }
      .footer .col-md-3 ul .link_list a{
       color:#fff;
     }
      .footer .col-md-3 .social_media .social i{
        
     font-size:24px;
     padding:5px;color:#fff;
      }


   }

   .top {

    background-image: url('img/sliderimg1/Slider 2 corrugated.jpg');
    width: 100%;
    min-height: 450px;
    margin-top: 5%;
    position: relative;
    background-size: cover;
  }
  
  .top::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
  
  }
  
     .toppoly{

    background-image: url('img/sliderimg1/Slider 2 Polymer.jpg');
    width: 100%;
    min-height: 450px;
    margin-top: 5%;
    position: relative;
    background-size: cover;
  }
  
  .toppoly::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
  
  }
  
    .topbcode{

    background-image: url('img/sliderimg1/Slider 2 Barcode.jpg');
    width: 100%;
    min-height: 450px;
    margin-top: 5%;
    position: relative;
    background-size: cover;
  }
  
  .topbcode::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
  
  }
   .topsaf{

    background-image: url('img/sliderimg1/Slider 2 Safety.jpg');
    width: 100%;
    min-height: 450px;
    margin-top: 5%;
    position: relative;
    background-size: cover;
  }
  
  .topsaf::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
  
  }
  
  
  .breadcrumb {

    margin-top: 20%;
  width:600px;
    background-color:#f0b11be3;
    margin-left: 20%;
    height: 80px;
    padding: 25px;
 
   
  
  }  .breadcrumb-item {
padding:5px;

  }

  .breadcrumb-item a {
    text-shadow: 2px 2px 3px #fff;
    font-size: 30px;
    font-weight: 600;

    margin-left: 30px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    padding: 0px;
    text-transform: uppercase;
    text-decoration-line: none;
    letter-spacing: 0.15em;
  
    position: relative;
  }
  .breadcrumb-item a:hover{
    color: #ff3ae0cc;
  }
  
  .breadcrumb-item .fas {
    margin-left: 40px;
    color: #fff;
    font-size: 24px;
    margin-top: 20px;
  }
  
  .breadcrumb-item a:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    left: 50%;
    position: absolute;
    background: #ff3ae0cc;
  
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
  }
  
  .breadcrumb-item a:hover:after {
    width: 100%;
    left: 0;
  }
  .abt-details2{
    padding:20px;
  }
  .abt-details p{

    
    padding:20px;
    color:#222;
    font-size: 15px;
    line-height: 2em;font-weight: 400;
    text-transform:inherit;    letter-spacing: .5px;
    text-align:left;
  }
  .abt-details h2{

    text-align:center;
    font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 26px;line-height: 1.2em;
   color:#222;
   padding:30px;
   
  }




  .abt-details2 .col-md-6{
    width:50%;

  }
  .abt-details2 .col-md-6 h5{
    margin-left:20px;
    
    text-align:left;
    font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 26px;line-height: 1.2em;
   color:#222;
   padding:10px;
  }
  .abt-details2 .col-md-6 p{
    padding:20px;
    color:#222;
    font-size: 15px;
    line-height: 2em;font-weight: 400;
    text-transform:inherit;    letter-spacing: .5px;
    text-align:left;
  }
  .abt-details2 .col-md-6 img{

    width:100%;
 max-height:250px;
  }
  #line{
    letter-spacing: .5px;
    font-size: 26px;line-height: 1.2em;
    color:#ff3ae0cc;
    padding:20px;

  }
  .boxes1{

    margin-top:5%;
  }
  .boxes1 h2{

    text-align:center;
    font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 26px;line-height: 1.2em;
   color:#222;
   padding:30px;
  }

  .boxes1 p{
    padding:20px;
    color:#222;
    font-size: 15px;
    line-height: 2em;font-weight: 400;
    text-transform:inherit;    letter-spacing: .5px;
    text-align:left;
  }
  .boxes2 .col-md-6{
    width:50%;
    padding:30px;
  }
  .boxes2 .col-md-6 h5{
    margin-left:20px;
    
    text-align:left;
    font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 20px;line-height: 1.2em;
   color:#222;
   padding:10px;
  
  }

  .boxes2 .col-md-6 ul{
    list-style-type:square;
   
 
  }
  .boxes2 .col-md-6 ul li{

    padding:20px;
    color: #f0b11be3;
    font-size: 15px;
    line-height: 2em;font-weight: 700;
    text-transform:uppercase;    letter-spacing: .5px;
    text-align:left;
  }
  .boxes3 h5{
    margin-left:20px;
    
    text-align:left;
    font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 22px;line-height: 1.2em;
   color:#222;
   padding:10px;
  
  }
  .boxes3 .row{
    margin-left:30px;
  }
 
  .boxes3 .col-md-3{
    
    padding:10px;
    margin: 20px;
    background:#d7a616;
    padding:20px;
    color: #fff;
    font-size: 15px;
    line-height: 2em;font-weight: 700;
    text-transform:uppercase;    letter-spacing: .5px;
    text-align:center;
    border-radius:25px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  }

  
  .boxes4 {
    margin-top:3%;
  }
  .boxes4 .col-md-4{
width:30%;
margin-left:20px;
margin-bottom:20px;



  }
  .boxes4 .col-md-4 img{
    width:100%;
    
  }
  .polymer1{
    margin-top:5%;
  }
  .polymer1 .col-md-4{
    width:32%;
    padding:20px;
  }
  .polymer1 .col-md-4 img{
width:100%;
height:200px;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  }


  .images .col-lg-3 img{
    width:100%;
    height:auto;
    animation: mymove 2s infinite;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.images .col-lg-3 {
   
    float: left;            

}
.images{
    margin-top:10%;
}
#images_1{
    margin-top:5%;
    padding:30px;
}
.images .col-lg-3 img:hover{
  margin-top:20px;



}
.contact .col-lg-6{
  padding:20px;
}

.contact .col-lg-6 .form-group{
  padding:20px;
  margin-top:20px;
  margin-bottom:20px;
}
.contact .col-lg-6 input{
  padding:5px;
  color:#222;
  font-size: 15px;
  line-height: 2em;font-weight: 400;
  text-transform:capitalize;    letter-spacing: .5px;
  

}

.contact .col-lg-6 button{
  padding:5px;
  color:#fff;
  font-size: 15px;
  line-height: 2em;font-weight: 400;
  text-transform:uppercase;    letter-spacing: .5px;

}


.contact  ul {

  list-style-type: none;
}


.contact  ul li h4 {
  
  text-transform: uppercase;

 

  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 22px;line-height: 1.2em;
  color:#222;
  padding:6px;

}

.contact ul li p {
  margin-top: 0;
  margin-bottom: 1rem;



  padding:10px;
  color: #222;
  font-size: 15px;
  line-height: 2em;font-weight: 500;
  text-transform:uppercase;    letter-spacing: .5px;

}

.contact ul a i {


  color: #f0b11be3;
  font-size: 28px;

  padding: 8px;
  

}
.map iframe{

  width:1100px;
   height:450px;
   padding:20px;
}
.barcode {
margin-top:3%;
}
.barcode h2{

  
  text-align:center;
  font-weight: 600;
 text-transform: uppercase;
 letter-spacing: .5px;
 font-size: 26px;line-height: 1.2em;
 color:#222;
 padding:30px;
}
.barcode p{

  padding:10px;
    color:#222;
    font-size: 15px;
    line-height: 2em;font-weight: 400;
    text-transform:inherit;    
    letter-spacing: .5px;
    text-align:left;


}.form{
  padding: 50px;
}
.enquiry{
  padding: 20px;
  width:1100px; text-align:center;
  font-weight: 700;
 text-transform: uppercase;
 letter-spacing: .5px;
 font-size: 20px;line-height: 1.2em;
 color:#222;
 background:#f0b11be3;border: none; cursor: pointer;
 box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.enquiry .fas{
  padding:10px;
  margin-left:30px;
  font-size:34px;color: #dc3545;  animation: updown 2s ease infinite;
}
@keyframes updown {
  0% {
    transform: translateX(-60%);
  }

  50% {
    transform: translateX(60%);
  }

  100% {
    transform: translateX(-60%);
  }
}
input[type=text], input[type=password], textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #eabe12;
  box-sizing: border-box;

  color: #dc3545;
  font-size: 15px;
  line-height: 2em;font-weight: 500;
  letter-spacing: .5px;

}

/* Set a style for all buttons */

button:hover {
  opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
  width:400px;
  padding: 14px 20px;  border: none;
  background-color: #dc3545; cursor: pointer;
  margin-left:50px;
  margin-top:10px;font-size: 14px ;
  letter-spacing: .11em !important;transform: translateY(1px);
  font-family: 'Heebo', sans-serif !important;
  text-transform: uppercase;font-weight: 500;
}
.savebtn{
  margin-left:30px;margin-top:10px;font-size: 14px ;
  letter-spacing: .11em !important;transform: translateY(1px);
  font-family: 'Heebo', sans-serif !important;
  text-transform: uppercase;font-weight: 500;

  background-color: #000;
  color: white;
  padding: 14px 20px;
  
  border: none;
  cursor: pointer;
  width: 400px;
}

#enquirybox label{

  text-align:left;
    font-weight: 400;
   text-transform: uppercase;
   letter-spacing: .5px;
   font-size: 18px;line-height: 1.2em;
   color:#222;
  
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  
  position: relative;
}

img.avatar {
  width:150px;
  height:100px;
  border-radius: 50%;background:#000;
}



span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding: 80px;
}

/* Modal Content/Box */
.modal .modal-content { padding: 5px;
  background-color:#f0b11be3;
  margin: 1% auto 20% auto; /* 5% from the top, 15% from the bottom and centered */

  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 10px;
  color: #000;
  font-size: 38px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer; font-size: 40px;
}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}
  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}

/* for desktop */
.whatsapp_float {
	position:fixed;
	width:44px;
	height:42px;
	bottom:40px;
	right:40px;
	/*background-color:#25d366;*/
	color:#FFF;
	border-radius:7px;
	text-align:center;
        font-size:30px;
	box-shadow: 2px 2px 3px #999;
        z-index:100;
}

.whatsapp-icon {
	margin-top:16px;
}
/* for mobile */
@media screen and (max-width: 767px){
     .whatsapp-icon {
	 margin-top:10px;
     }
    .whatsapp_float {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 50px;
        font-size: 22px;
    }
    
}
@media screen and (max-width: 380px){
     .slider {
    margin-top: 52%;
  }
  
  #about-us .col-lg-6 {
    padding: 7px;
    width: 100%;
    margin-top:1px;
   }
   
  #about-us .col-lg-6 h3 {
      font-size: 28px;
      padding: 35px;
  }
  #topbar {
    background-color: #f0b11be3;
    height: 45px;
  }
  .topbcode {
    width: 105%;
  }
    .breadcrumb {
          margin-top: 45%;
    margin-left: 0%;
    padding: 1%;
    width: 513px;
  }
  .boxes4 .col-md-4 {
    width: 100%;
    margin-left: 20px;
    margin-bottom: 20px;
}
}

@media screen and (min-device-width: 380px) and (max-device-width: 480px){
     .slider {
    margin-top: 43%;
  }
  #about-us .col-lg-6 {
    padding: 7px;
   width: 100%;
   margin-top:1px;
   }
  #about-us .col-lg-6 h3 {
      font-size: 28px;
      padding: 7px;
  }
  #topbar {
    background-color: #f0b11be3;
    height: 45px;
  }
    .breadcrumb {
          margin-top: 60%;
    margin-left: 0%;
    padding: 1%;
    width: 352px;
  }
   .whatsapp_float {
    right: 63px;
 }
 .boxes4 .col-md-4 {
    width: 100%;
    margin-left: 20px;
    margin-bottom: 20px;
}
}

@media screen and (min-device-width: 480px) and (max-device-width: 620px){
     .slider {
    margin-top: 33%;
  }
  .fixed-top {
    width: 100%;
  }
  .top {
    width: 105%;
  }
  top aos-init aos-animate{
       width: 108%;
  }
  .topbcode {
    width: 105%;
  }
  about-us .col-lg-6 p {
    padding: 45px;
  }
  #about-us .col-lg-6 {
    padding: 7px;
   width: 100%;
   margin-top:1px;
   }
  #about-us .col-lg-6 h3 {
      font-size: 28px;
      padding: 56px;
  }
  .abt-details2 .col-md-6 h5 {
      padding:1%;
  }
  .abt-details2 .col-md-6 p {
    padding: 0px;
  }
  #topbar {
    background-color: #f0b11be3;
    height: 45px;
  }
  
    .breadcrumb {
          margin-top: 46%;
    width: 401px;
    margin-left: 12%;
    padding: 1%;
    width: 432px;
  }
  .boxes4 .col-md-4 {
    width: 100%;
    margin-left: 20px;
    margin-bottom: 20px;
}
  .whatsapp_float {
    right: 63px;
 }
      .footer {
    height: 874px;
  }
  .footer .col-md-3 {
    float: left;
    padding: unset;
}

}

@media screen and (min-device-width: 640px)and (max-device-width: 780px){
        .slider {
    margin-top: 24%;
  }
  #about-us .col-lg-6 {
    padding: 7px;
   width: 100%;
   }
  #about-us .col-lg-6 h3 {
      font-size: 28px;
      padding: 7px;
  }
  #topbar {
    background-color: #f0b11be3;
    height: 45px;
  }
  .topbcode {
    width: 105%;
  }
  .breadcrumb {
          margin-top: 41%;
    margin-left: 11%;
    padding: 1%;
    width: 491px;
  }
  .boxes4 .col-md-4 {
    width: 100%;
    margin-left: 20px;
    margin-bottom: 20px;
}
    .whatsapp_float {
    right: 30px;
 }
      .footer {
    height: 550px;
  }
  .footer .col-md-3 {
    float: left;
    padding: 1px;
}
}
  @media screen and (min-device-width: 780px)and (max-device-width: 980px){
  .slider {
    margin-top: 20%;
  }
  #about-us .col-lg-6 {
    padding: 7px;
   width: 100%;
   }
  #about-us .col-lg-6 h3 {
      font-size: 28px;
      padding: 7px;
  }
  #topbar {
    background-color: #f0b11be3;
    height: 45px;
      
  }
  .top{
      width: 106%;
  }
  .breadcrumb {
          margin-top: 41%;
    margin-left: 11%;
    padding: 1%;
    width: 491px;
  }
      .whatsapp_float {
    right: 28px;
 }
      .footer {
    height: 400px;
  }
  .footer .col-md-3 {
    float: left;
    padding: 1px;
}
}

@media screen and (min-device-width: 984px)and (max-device-width: 1100px){
  .slider {
    margin-top: 19%;
  }
  #about-us .col-lg-6 {
    padding: 7px;
   width: 100%;
   }
  #about-us .col-lg-6 h3 {
      font-size: 28px;
      padding: 7px;
  }
  #topbar {
    background-color: #f0b11be3;
    height: 45px;
      
  }
  .breadcrumb {
          margin-top: 25%;
    margin-left: 11%;
    padding: 1%;
    width: 603px;
  }
      .whatsapp_float {
    right: 28px;
 }
      .footer {
    height: 450px;
  }
  .footer .col-md-3 {
    float: left;
    padding: 1px;
}
}