.mainmobutton{
        text-align: center;
    width: 50%;
    float: right;
    margin-top: 20px;
    }
    .mainmobutton a{
        font-size: 15px;
    border: 1px solid #061d63;
    padding: 10px 30px;
    background: #061d63;
    color: #fff;
    font-weight: 600;
    }
    #about-sectionvideo .col-md-3{
        float:left;
        padding: 0px 5px;
    }
    #about-sectionvideo img{
       width:100%;
       margin: 10px 0px 10px 0px;
    
    }
    .padding1 {
    padding: 10px 0px;
}
#header, #header-wrap, #logo img {
    height: 60px;
}
    
.how-container {
  width: 100%;
  height: 28vw;
  margin-bottom: 30px; 
}

.left-container {
  float: left;
  height: 28vw;
  width: 50%;
}

.right-container {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 28vw;
  background: #fff;
  width: 50%;
  float: left;
}

.left-content {
  width: 100%;
  height: 28vw;
}

.right-content {
  max-width: 70%;
}
.product-desc {
    color: #011171;
}
.product-title {
    color: #011171;
}
.product-title h3 {
   color: #011171;
}
.project-description small.text-black-50 {
    color: #011171 !important;
}
.atmosphere-logo-slider {
    padding: 10px 0px;
}
.sliderabc{
    background: #061d63;
}
.sliderabc h6 {
    text-align: center;
    margin: 0px 0px 5px;
    color: #fff;
}
.fixed-footer-cust {
   display:none;
}
.goldright {
   width: 100%;
}
.button.button-3d {
    background-color: #011171 !important;
    color: #fff;
}
hr{
    border: 2px solid #011171;
    width: 10%;
    margin-bottom: 20px;
    margin-top: 0px;
}
.button.button-3d:hover {
    color: #000;
}
#blink_text{	
  animation-name:blink;
  animation-duration:2s;
  animation-timing-function:ease-in;
  animation-iteration-count:Infinite;
  }

@keyframes blink{
  0%{color:#3d4ff4;}
  50%{color:white;}
  100%{color:#80aaf1;}
@media screen and (max-width: 767px) {
  .how-container {display: block; width: 100%; height: auto; text-align: center; margin: 0 auto 60px auto; border: 1px solid;}
  .left-container  {display: block; width: 100%; height: auto; float: none; text-align: center; margin: 15px auto 0px auto;}
  .right-container {display: block; width: 100%; height: auto; float: none; text-align: center; margin: 15px auto 0px auto;}
  .left-content {display: block; width: 100%; height: auto; float: none; text-align: center; margin: 15px auto 0px auto;}
  .right-content {display: block; width: 100%; height: auto; float: none; text-align: center; margin: 15px auto 0px auto; max-width: 90%;}
  .fleft {
    float: unset !important;
}
.goldright {
    width: 100%;
}
}
  
    @media (max-width:767px) {
      
        .fixed-footer-cust {
    background: #00214d;
    text-align: center;
    padding: 10px 0px 10px 0px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    height: 50px;
    z-index: 99;
    border-top: 1px solid #fff;
    display:block;
}
.fix-link {
    color: #fff !important;
    font-size: 16px !important;
    padding: 3px !important;
}
    .mainmobutton{
   text-align: right !important;
    width: 48%;
    float: right !important;
    } 
    #logo{
    height: 60px;
        width: 40%;
        display: inline-block;
}
.product-desc {
    padding: 46px 10px 15px;
}
.swiper_wrapper {
    margin-top: 72px;
}
    #header.full-header {
        padding: 0px 0px !important;
    }
    }