/*
Theme Name: arrow
Theme URI: https://arrow.intentlabs.in/
Author: arrow
Author URI: https://arrow.intentlabs.in/
Template: twentytwentyone
Version: 1.0.0
*/
.bg-img-box {
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-image: url(images/music-banner.png);
    transition: transform 0.2s 0.1s ease-out;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f7f7f7;
}
.bg-img-box.first-bg-img-box {
    background-image: url(images/music-banner.png);
    transition: transform 0.2s 0.1s ease-out;
}
.bg-img-box.second-bg-img-box {
    background-image: url(images/concert-banner.png);
    transition: transform 0.2s 0.1s ease-out;
}
.bg-img-box.third-bg-img-box {
    background-image: url(images/movies-banner.png);
    transition: transform 0.2s 0.1s ease-out;
}
.bg-img-box.fourth-bg-img-box {
    background-image: url(images/teaser-banner.png);
    transition: transform 0.2s 0.1s ease-out;
}
.header-con {
    background: #FFFFFF;
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 15%);
}
.header-con.header-fixed {
    background-color: #000000 !important;
}
.header-con .navbar {
    /* border-bottom: 1px solid #8F8F8F; */
}
.header-con.header-fixed .navbar{
    border-bottom: 0;
}
.navbar-brand {
    padding-top: 20px;
    padding-bottom: 20px;
}
.navbar-brand img {
    width: 135px;
}
.header-menu-fixd {
    display: inline-flex;
    align-items: center;
}
.search-box {
    position: relative;
}
.search-btn {
    color: #FFFFFF;
    float: right;
    transition: transform 0.2s 0.1s ease-out;
}
.search-txt {
    display: none;
    transition: transform 0.2s 0.1s ease-out;
}
.search-box:hover > .search-txt {
    width: 240px;
    padding: 0 6px;
    background: #FFFFFF;
    height: 40px;
    border-radius: 40px;
    padding: 10px 40px 10px 10px !important;
    display: inline-block;
    border: none;
    outline: none;
    float: left;
    color: #000000;
    font-size: 16px;
    transition: transform 0.2s 0.1s ease-out;
    line-height: 40px;
}
.search-box:hover > .search-btn {
    color: #000000 !important;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    width: 40px;
    text-align: center;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    transition: transform 0.2s 0.1s ease-out;
}
.menu-header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: auto;
}
.menu-header ul li {
    margin: 0;
    padding: 0 10px;
    list-style: none;
    display: inline-block;
    width: auto;
    position: relative;
}
.menu-header ul li a {
    color: #EBEBEB;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Poppins', sans-serif;
}
.menu-header ul li a:hover {
    color: #FFFFFF;
}
.menu-header ul li.active a {
    color: #FFFFFF;
    font-weight: 700;
}
.social-icon-box {
    margin-left: 20px;
}
.social-icon-box a:not(:last-child) {
    margin-right: 5px;
}
.social-icon-box a img{
    width: 32px;
}
.social-icon-box a i {
    font-size: 18px;
    color: #FFFFFF;
}
.white-tag-btn h1{
    color: #ffffff;
}
.white-tag-btn h2{
    color: #ffffff;
}
.white-tag-btn .btn{
    background-color: #ffffff;
    color: #434343;
    border-color: #434343;
}
.white-tag-btn .btn:hover{
    background-color: #434343;
    color: #ffffff;
    border-color: #434343;
}
.spacer {
    flex: 1 1 auto;
}
.white-bg {
    background-color: #FFFFFF;
}
/* Footer Css Start */
.footer-con {
    background: #000000;
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    margin-top: 0;
}
.footer-con.detail-page-footer-con {
    margin-top: 0;
}
.subscribe-text {
    font-size: 18px;
    line-height: 22px;
    color: #EBEBEB;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom: 25px;
}
.subscribe-form-con {
    display: inline-block; 
    width: 100%;
    position: relative;
}
.subscribe-form-con  .wpcf7-spinner{
    position: absolute;
    right: 40px;
    top: 15px;
}
.subscribe-form-box {
    position: relative;
    width: 100%;
}
.subscribe-form-box .subscribe-input-box {
    border: solid 1px #EBEBEB;
    border-radius: 4px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    height: 50px;
    padding: 0 10px 0 15px;
    width: 100%;
    color: #FFFFFF;
}
.subscribe-form-box .subscribe-input-box::placeholder {
    color: #EBEBEB;
    opacity: 0.5;
}
.form-control::placeholder {
    color: #000000;
    opacity: 0.5;
}
.subscribe-form-con .btn{
    background-color: #BF2026;
    border-color: #BF2026;
    color: #ffffff;
}
.subscribe-form-box i {
    font-size: 18px;
    color: #FFFFFF;
    position: absolute;
    left: 10px;
    top: 18px;
}
.follow-us-box {
    padding-left: 50px;
}
.follow-us-box .subscribe-text {
    margin-bottom: 35px;
}
.footer-con .social-icon-box {
    margin-left: 0;
    opacity: 0.72;
}
.footer-con .social-icon-box a:not(:last-child) {
    margin-right: 15px;
}
.footer-con .social-icon-box a i {
    font-size: 24px;
}
.footer-bottom-con{
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #393939;
}
.copyright-txt-box {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer-con .get-in-touch-detail-txt-box .detail-txt a{
    color: #ffffff;
}
.footer-con .get-in-touch-detail-txt-box .detail-txt a:hover{
    color: #ffffff;
}
.footer-con .get-in-touch-detail-txt-box .detail-icon-box i{
    color: #ffffff;
}
.footer-con .get-in-touch-detail-txt-box .detail-icon-box i:hover{
    color: #ffffff;
}
.footer-con .get-in-touch-detail-txt-box{
    opacity: 0.72;
}
/* Footer Css End */
/* Main Content Css Start */
.main-content-con {
    position: relative; 
}
.main-content-box {
    display: flex;
    align-items: center;
    width: 100%;
}
.main-content-box:not(:last-child) {
    border-bottom: solid 1px #8F8F8F;
}
.main-content-box .main-content-heading-box {
    width: calc(100% - 65px);
    padding-right: 10px;
}
.main-content-box .view-all-txt-box {
    width: 65px;
    text-align: right;
}
.main-content-box .main-content-heading-box h2 {
    font-size: 100px;
    line-height: 88px;
    letter-spacing: 8%;
    margin: 0;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #FFFFFF;
}
.main-content-box .main-content-heading-box p {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}
.main-content-box .view-all-txt-box a {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
}
.main-content-box:hover .main-content-heading-box h2,
.main-content-box:hover .main-content-heading-box p,
.main-content-box:hover .view-all-txt-box a {
    color: #FFFFFF;
}
/* Main Content Css End */
/* Banner Css Start */
.banner-top-con {
    position: relative;
    width: 100%;
    height: 65vh;
}
.banner-top-con img {
    height: 65vh;
    object-fit: cover;
    object-position: center;
}
.banner-text {
    position: absolute;
    top: 50%;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 1;
    transform: translate(0%, -50%);
    margin-top: 20px;
}
.banner-text .banner-caption-con h1 {
    color: #FFFFFF;
    margin-bottom: 0;
}
.banner-text .banner-caption-con p {
    color: #FFFFFF;
    opacity: 42%;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
}
/* Banner Css End */
/* Collaborate Css Start */
.collaborate-text-box {
    background-color: #F4F4F4;
    text-align: center;
}
.collaborate-text-box .collaborate-txt {
    color: #434343;
    font-weight: 500;
}
.collaborate-text-box .collaborate-txt span {
    color: #BF2026;
}
.contact-btn {
    background-color: #BF2026;
    color: #FFFFFF;
}
.contact-btn:hover {
    background-color: #BF2026;
    color: #FFFFFF;
}
/* Collaborate Css End */
/* About Us Css Start */
.who-we-are-detail-box {
    background-color: #F3F3F3;
}
.who-we-are-detail-box .who-we-are-txt {
    color: #000000;
    font-weight: 600;
}
.who-we-are-detail-box .who-we-are-detail-txt {
    font-size: 18px;
    line-height: 28px;
    color: #434343;
    font-weight: 300;
}
.who-we-are-detail-box .let-collaborate-txt {
    font-size: 18px;
    line-height: 28px;
    color: #BF2026;
    font-weight: 400;
}
.about-who-we-are-img {
    width: 100%;
}
.four-detail-box {
    border: solid 1px #EAEAEA;
    border-radius: 4px;
    padding: 20px 15px;
    height: 100%;
}
.four-detail-box img {
    width: 50px;
}
.four-detail-box h6 {
    margin-top: 40px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 5px;
}
.four-detail-box p {
    color: #434343;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}
.team-slider-img {
    width: auto;
    height: 380px;
    overflow: hidden;
}
.team-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.team-slider .slick-list {
    margin: 0;
}
.team-slider .slick-prev::before, .team-slider .slick-next::before {
    font-size: 22px;
    font-weight: 400;
    background: #000000;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #FFFFFF;
}
.team-slider .slick-prev::before {
    left: 10px;
}
.team-slider .slick-next::before {
    right: 10px;
}
/* About Us Css End */
/* Contact Us Css Start */
.contact-us-con {
    background-color: #FFFFFF;
}
.contact-us-con .get-in-touch-txt {
    color: #000000;
    font-weight: 500;
    margin-bottom: 25px;
}
.get-in-touch-detail-txt-box {
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.get-in-touch-detail-txt-box:not(:last-child) {
    margin-bottom: 12px;
}
.get-in-touch-detail-txt-box .detail-icon-box {
    width: 25px;
    text-align: left;
}
.get-in-touch-detail-txt-box .detail-txt {
    width: calc(100% - 25px);
    padding-left: 5px;
}
.get-in-touch-detail-txt-box .detail-icon-box i {
    font-size: 16px;
    color: #000000;
}
.get-in-touch-detail-txt-box .detail-txt a {
    color: #000000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
}
.get-in-touch-detail-txt-box .detail-txt a:hover {
    color: #000000;
}
.contact-us-form-box label {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-weight: 500;
}
.contact-us-form-box .form-control {
    color: #000000;
    border: solid 1px #B5B5B5;
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    height: 48px;
    padding: 15px;
    width: 100%;
    border-radius: 4px;
}
.contact-us-form-box textarea.form-control {
    height: 120px;
}
.contact-us-form-box textarea {
    color: #000000;
    border: solid 1px #B5B5B5;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    background-color: transparent;
    width: 100%;
    height: auto;
}
/* Contact Us Css End */

.bg-project-fixd-con{
    position: relative;
    height: auto;
    width: 100%;
    left: 0;
    top: 0;
    padding-top: 90px;
    padding-bottom: 30px;
    min-height: 100vh;
}
.bg-project-fixd-con .bg-img-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.bg-project-fixd-caption{
    position: relative;
    z-index: 5;
}
/*img-cap-card-con*/
.img-cap-card-con{
    position: relative;
}
.img-cap-card-col {
    position: relative;
    margin: 12px auto;
    background: #ffffff;
    box-shadow: 0px 0px 12px 0px #FF000014;
    padding: 21px;
    border-radius: 8px;
}
.img-cap-card-img{
    background-color: #f7f7f7;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    height: 360px;
}
.img-cap-card-text {
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 360px);
}
.img-cap-card-img img{
   width: 100%;
   height: 100%;
   object-position: center;
   object-fit: cover;
   border-radius: 8px;
}
.img-cap-card-col h6{
    margin-bottom: 4px;
}
.img-cap-card-col h6 a{
    color: #000000;
}
.img-cap-card-col h6 a:hover{
    color: #BF2026;
}
.img-cap-card-col p{
    color: #000000;
    margin-bottom: 0;
} 
/*img-cap-card-con*/

.wpcf7 form .wpcf7-response-output{
    max-width: 8px auto;
    padding: 8px;
}
.footer-con .wpcf7 form .wpcf7-response-output{
    color: #ffffff;
}
header .social-icon-box a i{
    color: #000000;
    font-size: 21px;
}
header .social-icon-box {
    margin-left: auto;
    padding-top: 2px;
}
header .social-icon-box a:not(:last-child){
    margin-right: 10px;
}

.title-con h1{
    color: #000000;
}
.menu-list-con{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #BF2026;
}

.menu-box-list-con{
    position: relative;
}
.menu-box-list-con > .row{
   justify-content: center;
}
.menu-box-list-col{
    background-color: rgb(255 255 255 / 75%);
    margin: 12px auto;
    width: 100%;
    display: inline-block;
    box-shadow: 0px 3px 12px 0px #FF000014;
    border-radius: 8px;
    border-bottom: 6px solid transparent;
}
.menu-box-list-col:hover{
    /* border-color: #000000; */
}
.menu-box-list-full {
    width: 100%;
    display: inline-flex;
    align-items: center;
    padding: 15px 15px 10px 15px; 
}
.menu-box-list-icon {
    width: 64px;
    padding-right: 8px;
}
.menu-box-list-icon img{
    width: 100%;
}
.menu-box-list-icon .normal-icon{
    display: inline-block;
}
.menu-box-list-icon .hover-icon{
    display: none;
}
.menu-box-list-col:hover .menu-box-list-icon .normal-icon{
    display: none;
}
.menu-box-list-col:hover .menu-box-list-icon .hover-icon{
    display: inline-block;
}
.menu-box-list-text {
    width: calc(100% - 64px);
    color: #000000;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
    font-weight: 500;
}
.product-slider-con{
    background-color: #000000;
    padding-top: 4px;
    padding-bottom: 15px;
    position: relative;
}
.product-slider{
    position: relative;
    overflow: hidden;
}
.product-slider::before {
    content: '';
    background-image: url(./images/bg-line.png);
    width: 100%;
    display: inline-block;
    height: 40px;
    background-size: auto;
    background-position: center;
    background-repeat: repeat-x;
}
.product-slider::after{
    content: '';
    background-image: url(./images/bg-line.png);
    width: 100%;
    display: inline-block;
    height: 40px;
    background-size: auto;
    background-position: center;
    background-repeat: repeat-x;
}
.product-slide-col {
  position: relative;
}
.product-slide-img{
    width: 320px;
    height: 180px; 
}
.product-slide-img img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.home-menu-box-list-con {
    background-color: #d3d3d3;
    position: relative;
    padding-top: 220px;
    padding-bottom: 30px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100% 260px;
    background-image: url(./images/banner-bg.png);
}

.home-menu-box-list-con .container{ 
    position: relative; 
    z-index: 7;
}
.home-menu-boxs{
    position: relative;   
}
.home-menu-boxs-list-col {
    position: relative;
    background-color: #fff;
    margin: 12px auto;
    width: 100%;
    display: inline-block;
    box-shadow: 0px 3px 12px 0px #FF000014;
    border-radius: 8px;
    border-bottom: 6px solid transparent;
}

.home-menu-boxs-list-full{
    position: relative;
    text-align: center;
    width: 100%;
    padding: 15px;
}
.home-menu-boxs-list-icon{
    position: relative;
    width: 100%;
    margin: 15px  auto;
}
.home-menu-boxs-list-icon img{
    width: 120px;
}
.home-menu-boxs-list-icon .normal-icon{
    display: inline-block;
}
.home-menu-boxs-list-icon .hover-icon{
    display: none;
}
.home-menu-boxs-list-col:hover .home-menu-boxs-list-icon .normal-icon{
    display: none;
}
.home-menu-boxs-list-col:hover .home-menu-boxs-list-icon .hover-icon{
    display: inline-block;
}
.home-menu-boxs-list-text{
    width: 100%;
    color: #000000;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: normal;
    font-weight: 500;
}
.banner-logo-con {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px;
    z-index: 3;
}
.banner-logo-con img{ 
    width: 72px;
}
/**/
.product-slider-bottom-fixed{
    display: none; 
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 0;
    overflow: hidden;
}
.product-slider-bottom-fixed .product-slider-con{
   padding: 0;
}
.product-slider-bottom-fixed .product-slider::before{
    height: 5px;
}
.product-slider-bottom-fixed .product-slider::after
{
    height: 5px;
}
.product-slider-bottom-fixed .product-slide-img {
    width: 72px;
    height: 36px;
}
.min-section-height{
	min-height:50vh;
}
/**/
@media only screen and (min-width: 992px) {
    .menu-box-list-con .five-box{
        width: 20%;
    }
    .home-menu-boxs .home-menu-five-box{
        width: 20%;
    } 
    .home-menu-colum-boxs-1 {
        position: relative;
        transform: translate(-14px, -50px) rotate(-0.50rad);
    }
    .home-menu-colum-boxs-2 {
        position: relative;
        transform: translate(-15px, -120px) rotate(-0.25rad);
    }
    .home-menu-colum-boxs-3 {
        position: relative;
        transform: translate(0, -152px) rotate(0);
    }
    .home-menu-colum-boxs-4 {
        position: relative;
        transform: translate(15px, -120px) rotate(0.25rad);
    }
    .home-menu-colum-boxs-5 {
        position: relative;
        transform: translate(15px, -50px) rotate(0.50rad);
    }
    .home-menu-boxs {
        position: relative;
        padding: 0 60px;
    }
}
@media only screen and (min-width: 1200px) {
    .navbar-expand-xl .navbar-collapse{ 
        display: none !important;
    } 
    .home-menu-boxs .home-menu-five-box{
        width: 20%;
    } 
    .home-menu-colum-boxs-1 {
        position: relative;
        transform: translate(-14px, -40px) rotate(-0.50rad);
    }
    .home-menu-colum-boxs-2 {
        position: relative;
        transform: translate(-15px, -120px) rotate(-0.25rad);
    }
    .home-menu-colum-boxs-3 {
        position: relative;
        transform: translate(0, -152px) rotate(0);
    }
    .home-menu-colum-boxs-4 {
        position: relative;
        transform: translate(15px, -120px) rotate(0.25rad);
    }
    .home-menu-colum-boxs-5 {
        position: relative;
        transform: translate(15px, -40px) rotate(0.50rad);
    }
}
@media only screen and (min-width: 1400px) {
    .navbar-expand-xl .navbar-collapse{ 
        display: none !important;
    } 
    .home-menu-boxs .home-menu-five-box{
        width: 20%;
    } 
    .home-menu-colum-boxs-1 {
        position: relative;
        transform: translate(-14px, -26px) rotate(-0.50rad);
    }
    .home-menu-colum-boxs-2 {
        position: relative;
        transform: translate(-15px, -120px) rotate(-0.25rad);
    }
    .home-menu-colum-boxs-3 {
        position: relative;
        transform: translate(0, -152px) rotate(0);
    }
    .home-menu-colum-boxs-4 {
        position: relative;
        transform: translate(15px, -120px) rotate(0.25rad);
    }
    .home-menu-colum-boxs-5 {
        position: relative;
        transform: translate(15px, -26px) rotate(0.50rad);
    }
}
@media only screen and (max-width: 1399px) {
    .img-cap-card-img{ 
        height: 310px;
    }
    .img-cap-card-text { 
        height: calc(100% - 310px);
    }
    .product-slide-img {
        width: 300px;
        height: 160px;
    }
    .home-menu-box-list-con {
        background-size: 100% 240px;
    }
}
@media only screen and (max-width: 1199px) {
    .navbar-brand img {
        width: 100px;
    }
    .navbar-brand {
        padding-top: 12px;
        padding-bottom: 12px;
    }
    button.navbar-toggler {
        font-size: 21px;
        line-height: normal;
        color: #000000;
        padding: 0;
        margin: 0 0 0 15px;
        box-shadow: none !important;
        border: 0;
        outline: none !important;
    }
    .header-con .container {
        max-width: 100%;
        padding: 0;
    }
    .navbar.p-0 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .navbar-collapse.menu-header {
        position: absolute;
        top: 54px;
        background: #000000;
        width: 100%;
        left: 0;
        right: 0;
    }

    .header-menu-fixd {
        width: 100%;
        display: inline-block;
        padding: 0;
        overflow-x: hidden;
        height: calc(100vh - 54px);
    }

    .menu-header ul {
        width: 100%;
    }

    .menu-header ul li {
        padding: 8px 0;
        width: 100%;
    }

    .menu-header ul li a {
        padding: 0 15px;
        width: 100%;
        display: inline-block;
        position: relative;
        border: 0;
    }

    .header-con {
        padding-left: 0;
        padding-right: 0;
    }
    .social-icon-box {
        padding-top: 10px;
        margin-left: 15px; 
    }
    .social-icon-box a:not(:last-child) {
        margin-right: 10px;
    }
    .social-icon-box a i {
        font-size: 24px;
    }
    .img-cap-card-img{ 
        height: 260px;
    }
    .img-cap-card-text { 
        height: calc(100% - 260px);
    }
    /* Main Content Css Start */

    /* Main Content Css End */
    .menu-box-list-full { 
        padding: 10px 10px 5px 10px;
    }
    .menu-box-list-icon{
        width: 48px;
    }
    .menu-box-list-text {
        width: calc(100% - 48px); 
        font-size: 14px; 
    }
    .product-slide-img {
        width: 240px;
        height: 140px;
    }
    .social-icon-box a img {
        width: 21px;
    }
}
@media only screen and (max-width: 991px) {
    .bg-img-box {
        background-position: center;
    }
    /* Main Content Css Start */
    .main-content-box .main-content-heading-box h2 {
        font-size: 80px;
        line-height: 68px;
    }
    /* Main Content Css End */
    /* About Us Css Start */
    .who-we-are-detail-box .who-we-are-detail-txt,
    .who-we-are-detail-box .let-collaborate-txt {
        font-size: 14px;
        line-height: 26px;
    }
    .four-detail-con {
        margin-bottom: 15px;
    }
    /* About Us Css End */
    .img-cap-card-img{ 
        height: 190px;
    }
    .img-cap-card-text { 
        height: calc(100% - 190px);
    }
    .bg-project-fixd-con { 
        padding-top: 60px;
        padding-bottom: 30px; 
    }
    .product-slide-img {
        width: 220px;
        height: 120px;
    }
    .home-menu-box-list-con {
        padding-top: 60px;
        padding-bottom: 60px;
    } 
    .product-slider-bottom-fixed{
        display: inline-block;
    } 
    .home-menu-box-list-con{
        background: #d3d3d3 !important;
    }
    .banner-logo-con{
        display: none;
    }
    .product-slider-con { 
        padding-top: 3px;
        padding-bottom: 3px; 
    }
    .footer-con{
        padding-bottom: 72px;
    }
}
@media only screen and (max-width: 767px) {
    .bg-img-box {
        background-position: center;
    }
    /* Main Content Css Start */
    .main-content-box .main-content-heading-box {
        width: calc(100% - 55px);
    }
    .main-content-box .view-all-txt-box {
        width: 55px;
    }
    .main-content-box .main-content-heading-box h2 {
        font-size: 70px;
        line-height: 58px;
    }
    .main-content-box .main-content-heading-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content-box .view-all-txt-box a {
        font-size: 14px;
        line-height: 20px;
    }
    /* Main Content Css End */
    /* Banner Css Start */
    .banner-top-con {
        height: 100%;
    }
    .banner-top-con img {
        height: 100%;
    }
    .banner-top-con.contact-about-banner-con {
        height: 30vh;
    }
    .banner-top-con.contact-about-banner-con img {
        height: 30vh;
    }
    .banner-text {
        margin-top: 25px;
    }
    .banner-text .banner-caption-con p {
        font-size: 12px;
        line-height: 18px;
    }
    /* Banner Css End */
    /* Footer Css Start */
    .follow-us-box {
        padding-top: 24px;
        padding-bottom: 24px;
        padding-left: 15px;
    }
    .follow-us-box .subscribe-text {
        margin-bottom: 15px;
    }
    /* Footer Css End */
    /* About Us Css Start */
    .about-who-we-are-img {
        margin-top: 30px;
    }
    /* About Us Css End */
    /* Contact Us Css Start */
    .contact-us-form-box {
        margin-top: 30px;
    }
    /* Contact Us Css End */
    .img-cap-card-img{ 
        height: auto;
    }
    .img-cap-card-text { 
        height: auto;
    }
    .home-menu-box-list-con {
        padding-top: 42px;
        padding-bottom: 42px;
    } 
    .banner-logo-con img {
        width: 54px;
    }
    .img-cap-card-col { 
        padding: 15px; 
    }
    .product-slide-img {
        width: 72px;
        height: 36px;
    }
    .product-slider::before {
        height: 5px;
    }
    .product-slider::after {
        height: 5px;
    }
}
@media only screen and (max-width: 575px) {
    .search-box:hover > .search-txt {
        width: 180px;
    }
    /* Main Content Css Start */
    .main-content-box .main-content-heading-box {
        width: calc(100% - 50px);
    }
    .main-content-box .view-all-txt-box {
        width: 50px;
    }
    .main-content-box .main-content-heading-box h2 {
        font-size: 60px;
        line-height: 48px;
    }
    .main-content-box .main-content-heading-box p {
        font-size: 12px;
        line-height: 18px;
    }
    .main-content-box .view-all-txt-box a {
        font-size: 12px;
        line-height: 18px;
    }
    /* Main Content Css End */
    /* About Us Css Start */
    .four-detail-con:not(:last-child) {
        margin-bottom: 20px;
    }
    /* About Us Css End */
    header .social-icon-box a:not(:last-child) {
        margin-right: 4px;
    }
    header .social-icon-box a i {
        color: #000000;
        font-size: 16px;
    }
    button.navbar-toggler {
        font-size: 16px; 
    }
    .menu-box-list-icon{
        width: 42px;
    }
    .menu-box-list-text {
        width: calc(100% - 42px); 
        font-size: 12px; 
    }
}
@media only screen and (max-width: 350px) {
    .menu-box-list-con .five-box{
        width: 100%;
    }
}