@media (max-width: 480px) {

    body{
    overflow-x: hidden;
    }

    #home-slider .caption{
      top: 35%;
      left: auto;
    }


  .nav {
    flex-wrap: nowrap;
    width: 305px;
  }

    .banner-heading{
       font-size: 45px;
    }

    #home-slider .swiper-button-next{
     top: 85%;
     right: 5%;
     width: 50px;
    height: 50px;
    background-size: 50px 50px;
    }

    #home-slider .swiper-button-prev{
    top: 85%;
    right: 25%;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    }

    .scroll-down-ico{
     bottom: 2%;
    }

    .product-line li img{
        width:33px;
        height:35px;
    }

    .cbl-swiper {
    height: 100% !important;
    width: 100%;
    }

    .quote-open {
    top: 20px;
    }

    .quote-close {
    bottom: 20px;
    }

    .testimonial-inner {
    padding: 30px 30px;
    }

    #numbers{
     margin-bottom: -70px;
    }

    .box-row .col-md-4 {
    flex: auto;
    margin-bottom: 2em;
    }

    .left-padding {
    transform: none;
    }

    .award-img {
    position: relative;
    top: 60px;
    width: 274px;
    }

    .swiper-holder{
     width: 100%;
     right: 0;
     height: 100%;
    }

    .swiper-holder2 {
     width: 100%;
     left: 0;
     height: 100%;
    }

    #rewards .tab-pane img{
     margin-top:0px;
    }

    .ulsec2 {
    width: 100%;
    margin-bottom: 2em;
    }

    .cbl-swiper.custom-pegi-wrapper, .cbl-swiper .custom-pegi-wrapper{
    position: relative;
    margin-top: 2em;
    }

    .blue-card {
     height: auto;
     margin-bottom: 20px;
    }

    .salsa{
    width: 250px;
    top: -25em;
    left: 10em;
    }

    #our-products{
     overflow-x: hidden;
    }


    .cashew-choco{
     position: relative;
     top: -75px;
    }

    #customization{
    padding-bottom: 25em;
    padding-top:0;
    }

    .productimages{
    width: 100%;
    z-index: 100;
    top: 39em;
    }

    .white-box2{
     margin-right: 0;
     margin-left: 0;
    }

    .main-pagination{
     top: 75%;
     right: 10%
    }

    .imagediv{
      margin-top:2em;
    }

    .productbg-name{
     font-size: 75px;
     line-height: 80px
    }

    .productbg-name{
      display:none;
    }

    .swiper-slide-active .single-product .productbg-name{
     display:block;
     margin-top: -64%;
     font-size: 34px;
    letter-spacing: 8px;
    }

    .cbl-swiper .swiper-pagination-bullet{
         padding: 15px 15px !important;
    }

    .cbl-swiper .swiper-pagination-bullet-active{
          padding: 25px 25px !important;
    }

    #services .swiper-pagination, #messages .swiper-pagination, #rewards .swiper-pagination{
       margin-top:3em;
    }

    .img-trans{
      height:45%;
      padding: 10px 15px !important;
    }

    .featured-inner p{
      font-size: 14px;
      line-height: 1.5;
    }

    .featured-inner h4{
     font-size: 16px;
     line-height: 1.48;
    }

    .award-text{
     padding-top: 8em;
    }

    .branch-swiper p{
     font-size: 13px;
     line-height: 18px;
     margin-bottom: 1em;
    }

    .people-swiper,.csr1-swiper,#materials .partner-img{
     margin-top: 3em;
    }

    .banner-bottom-sec{
     padding-top: 30px;
    }

    #partner-services .partner-img{
     margin-bottom:3em;
    }

    #products .swiper-button-next{
     right: 5%;
     top: 80%;
    }

    #products .swiper-button-prev{
    left: 5%;
    top: 80%;
    }

    .branch-heading{
    margin-bottom: 1em;
    }

    #googlemap{
         height: 900px;
         opacity: 0;
    }

    .branch-swiper{
      margin-top:3em;
    }

    .branch-nav .nav-buttons{
     margin-top: 1em;
    }

    #contactmap{
         height: 750px;
         opacity:0;
         padding-top: 60px;
         padding-bottom: 60px;
    }

    .inquirebtn{
     right: 0px;
    }

    .product-img{
      width:90% !important;
      margin-top: -25px;
    }

    .products-slider .swiper-slide{
      margin-top:0px;
    }

    #brands .swiper-button-prev,#brands .swiper-button-next{
      top:100%;
      margin-top: 0px;
    }

    .calltoaction .readmore-btn{
     margin-bottom: 15px;
     white-space: nowrap;
    }

    .banner-section .page-heading{
     padding: 2em 0 3em;
    }

    .banner-sub-section .page-heading{
     padding: 3em 0 0.5em;
    }

    .banner-section .sub-heading {
    font-family: Lato-Bold;
    font-size: 20px;
    color: #ffffff;
    opacity: 1;
    padding-bottom: 5em;
   }

    .year{
     font-size: 125px;
    }

    .testimonial-para{
     font-size: 20px;
     line-height: 40px;
    }

    #exportmap{
     height: 500px;
     width: 100%;
    }

    .big-number-text,.number-text{
     margin-bottom: 1.5em;
    }

    #playvideo{
     padding: 15px 35px;
    }

    #values-tabs .nav-item .nav-link{
     padding-right: 1rem;
    }

    #values-tabContent p{
     font-size: 20px;
    }

    .branch-row{
      top: 0%;
    }

    .branch-select{
     margin-bottom: 2em;
    }

    .swiper-pagination-history{
      top: 13%;
    }

    .cartification-list li{
      margin-bottom: 2em;
    }

    #certifications .section-heading {
    margin-bottom: 20px;
    }

    .brands{
     bottom: 0px;
    }

    .stat-row .col-md-6{
        width:50%;
    }

    .footer-bottom p{
       line-height: 25px;
       text-align: center;
    }

    .big-number{
       height:90px;
    }

    .big-number-text{
     font-size: 40px;
    }

    .cbl-navbar .navbar-nav .nav-item a{
     padding: 18px 20px;
    }

    .navbar-collapse .show{

    }

    .mobile{
    display:block;
   }

   .desktop{
       display: none;
   }

   .awards-div .image-box{
       margin-right: 15px;
   }

   .awards-div {
    margin-bottom: 4em;
   }

   .navbar-collapse .nav-item{
    position: relative;
   }

   .caret-down {
    top: 15px;
    right: 50%;
   }

   .intro{
    padding-top: 8em;
   }

   .cbl-navbar{
    left:20px;
    right:20px;
   }

   #section2{
    padding-bottom: 7em;
   }

   #sparsl{
    padding-bottom: 3em;
   }

   #vision-mission{
    padding-top: 8em;
   }

   .csr2-gallery-thumbs{
     margin-top: 2em;
   }

   .single-media-img,#media-description img{
       max-width:100%;
   }

   #media-intro h1{
     font-size: 22px;
     line-height: 35px;
   }

    #exportmap{
      width:100%;
    }

    .brands {
      bottom: 100px;
     }

    .countries {
      bottom: 100px;
     }

    #exports .readmore-btn{
     margin-top: -80px;
    }

    .featured-news{
         min-height: 325px;
    }

    .featured-img{
    width: 100%;
    object-fit: cover;
    }

    .thumbs-swiper {
    height: 250px;
    }

    .thumbs-swiper .swiper-slide img{
     height: auto;
     width: 100%;
    }

    .social-list li{
     margin-right: 1em;
    }

    .bot-mobile{
        order:2;
        margin-top: 2em;
    }

    .careers-swiper .custom-pegi-wrapper{
        margin-top: 5em;
    }

    .careers-gallery-thumbs .swiper-slide img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover;
        object-position: center 25%;
    }

    #partner-services{
        padding-top:0;
    }

    .slide-overlay{
        /* height:85%; */
    }

    .main-slider .swiper-slide .slide-overlay{
       height:100%;
    }

    #contact-map{
        padding-top:0;
    }

    #contact-form{
      padding-bottom:0;
    }

    #certification{
     overflow-x: scroll;
     width: 100%;
     display: block;
    }

    #media-filter .jobs-filter{
    margin-left: 15px;
    margin-right: 15px;
    }

    .media-title{
        width:100%;
    }

    .bluebg{
        width: 100%;
        top: 35% !important;
        height: 65%;
    }

    #history{
     padding-top: 250px;
     padding-bottom: 30px;
    }

    .csr2-gallery-thumbs {
    height: 340px;
    }

    .csr2-gallery-thumbs  .swiper-slide img {
    height: 100%;
    }

    .image-holder{
      width: 85%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 1em;
      text-align: center;
    }

       .swiper-container-autoheight,
    .swiper-container-autoheight .swiper-slide {
        height: 500px;
    }

    #products .swiper-button-next {
        top: 85%;
    }

    #products .swiper-button-prev {
        left: 5%;
        top: 85%;
    }
}

/*IPHONE 5*/
@media (max-width: 320px) {


}



@media (max-width: 480px) {
    .inquirebtn {
        right: 53px;
    }
    .phpdebugbar-minimized {
    width: 320px;
  }
  .testimonial-box .year {
    font-family: Merriweather-Light;
    font-size: 117px;
    color: #19386c;
    opacity: 0.1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%,-50%);
  }
   .big-number {
    font-family: Lato-Bold;
    font-size: 96px;}

    .white-overlay{
    background: #ffffff;
    width: 100%;
}
.footer-para, .footer-para a

 {
    font-family: Barlow-Regular;
    font-size: 12px;}
}