html {font-size: 16px;}

.home_slider img {display: block;  }

.footer .footer-content {}

.footer .footer-content {padding: 1.25rem 0;     justify-content: space-between;}

.home_slider { background-image: url(../images/vedicgram-banner3.jpg); background-size: cover;     background-position: bottom; display: flex;

    align-items: center;}

    .home_music_logo .bot_text p {    font-size: 1.4rem;

        line-height: 28px;}

.home_banner_content{padding: 0 4.688rem;max-width: 60rem; position: relative; z-index: 1;} 

.home_banner_content .banner_title { line-height: 38px; color: #ffffff; font-size: 40px; font-weight: 900;  margin: 0 0 0px; text-transform: uppercase; font-size: 2.5rem; }
.web_logo{display: none;}
.tag_line {justify-content: flex-start;}

.tag_line li {margin-right: 2rem;}

.footer {padding: 0 4rem;     background: #171717d1;}

.home_music_logo {    display: flex;

align-items: center;

padding-top: 4rem;}

.home_music_logo img{min-width: 64px;}

/* .home_music_logo .bot_text {    margin-left: 1.5rem;} */

.link {font-size: 1.125rem; padding: 1rem;}

.footer .cont-left {width: max-content; display: flex; }

.social_box { margin-right: 1rem;}

.social_box .social_icon {    margin-right: 5px;}



body.home .header .logo, body.home .logo_text, .menu-icon {position: static;}

body.home .header .logo { transform: translateX(0);}

.header { position: fixed; width: 100%; z-index: 9; padding: 2rem 4rem 0;  display: flex;   justify-content: space-between;

    align-items: center;

}



.web_logo {    order: 2;}

.logo_text { order: 1;}

.menu_bar { order: 3;     min-width: 21.563rem;   display: flex;

justify-content: flex-end; }

.home_slider:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0;  width: 100%; height: 100%;    background-color: #00000069; }









@media(max-width:1370px){

   html { font-size: 14px;}

}



@media only screen and (max-width: 1200px){

    .link {width: max-content;}

}



@media(max-width:767px){
    .header .web_logo{display: none;}
    .web_logo{display: block;}
    .logo_text img{width: 75%;}

.header  { display: block; padding: 1rem 1.688rem; } 

.menu_bar {position: absolute;     right: 2rem;

top: 45px;}

.footer .footer-content {flex-wrap: wrap; }

.footer .cont-left {width: 100%;}

.link {flex-grow: 1; display: flex;font-size: 1rem;

align-items: center;

justify-content: center; height: auto;}

.link br {display: none;}

.home_banner_content {padding: 0 2.688rem;     margin-top: 4.5rem;}

.home_music_logo {flex-wrap: wrap;}

.home_banner_content .banner_title {font-size: 2rem;}

.tag_line li { margin-right: 1rem;     font-size: 1.2rem;}

.home_music_logo .bot_text p {font-size: 1.2rem;}

.bot_text p:after {display: none;}

.home_bot { padding-bottom: 0; text-align: center;}

.home_slider {    background-position: 44% center; align-items: flex-start; height: auto;}



.home_slider {padding-top: var(--header-height);  padding-bottom: var(--header-height);   margin-top: -165px;} 

.home .header  { position: relative;}

}