@charset "utf-8";
 /***************************************************************************************
	
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 768px STARTS
	
***************************************************************************************/
 
 @media screen and (min-width:768px) {
 	/*.panel-default .panel-heading h3 {
		font-size: 15px;
	}*/
     .panel-icon {
        top: -9px;
        left: 10px;
     }
	.panel-thursday-datails,
    .panel-details-wrap {
		max-height: 277px;
		overflow: hidden;
	}
	.brand-flex{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}
	/*.brand-details .panel-default{
		height: 100%;
	}*/
	.owl-carousel .owl-dot {float: left; background-size: cover !important; width: 40px !important; height: 40px !important;}
	.slide-cont .owl-dots {
	     position: absolute;
	     bottom: 3%;
	     left: 22%;
	     display: block;
	}
    .slider .item.ContentLink {
        height: 396px;
        border: 0;
        background-size: 100% 100%;
    }

    .page-not-found h1 {
        font-size: 130px;
    }

    .page-not-found h3 {
        font-size: 30px;
    }

    .page-not-found {
        display: table;
        top: 50vh;
        position: relative;
        transform: translateY(-50%);
        margin: 0 auto;
    }
    .slider .owl-carousel .owl-dots {
       bottom: -22px;
    }

 }
 /***************************************************************************************
	
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 992 STARTS

***************************************************************************************/
 @media (max-width: 1300px) {
     .home-slider.slick-initialized .slick-slide {
         height: 250px !important;
     }
 }
 @media (max-width: 1200px) {
     .photos-feed .panel-default .panel-heading h3 {
         font-size: 17px !important;
     }
     .home-slider.slick-initialized .slick-slide {
         height: 182px !important;
     }
 }
 @media screen and (max-width:1024px) {
     header .quick-nav {
         right: 8px;
     }
 }
 @media screen and (max-width:992px) {
     .applause-slider .item .item-btn a {
         padding: 10px 10px 5px;
         line-height: 20px;
     }
     .applause-slider .owl-prev {
         left: -10px;
     }
    .applause-slider .owl-next {
        right: -10px;
    }
    .owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
        top: 4px;
    }
     .inner-section {
         padding-left: 0;
     }
     .sidenav {
        position: initial;
        width: 100%;
     }
     .arvind-logo {
         width: 81%;
     }
     .mobile-menu {
         display: inline-block;
         width: 10%;
     }
     .mobile-menu .fa-bars {
         color: #aa0020;
         font-size: 20px;
         cursor: pointer;
     }
     .sidenav .nav-search {
         display: none;
     }
     .sidenav .nav {
         display: none;
        position: absolute;
        top: 72px;
        width: 100%;
        background-color: #fff;
        z-index: 10000;
    }
     body {
         position: relative;
     }
     .modal-open .modal {
        z-index: 99999;
    }
 }
 /***************************************************************************************
	
    *MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1024 STARTS
	
***************************************************************************************/
 @media (min-width: 1360px) {
     .applause-slider .owl-prev {
         left: -20px;
         margin-top: -16px;
     }
     .applause-slider .owl-next {
         right: -20px;
        margin-top: -16px;
     }
 }
 @media (max-width: 1360px) {
     .brand-details .panel-default .panel-body {
         padding: 10px !important;
     }
     .panel-default .panel-heading h3 {
         padding: 0px 0 0px 40px;
         font-size: 18px !important;
     }
     
 }
 @media (max-width: 1024px) {
     .panel-default .panel-heading h3 {
         font-size: 16px !important;
     }
     .applause-slider .owl-prev {
         left: -10px;
     }
     .applause-slider .owl-next {
         right: -10px;
     }
 }
 @media screen and (min-width:1024px) {
     header .quick-nav {
        right: 8px;
    }
 	/*.panel-default .panel-heading h3 {
		font-size: 24px;
	}*/
	.panel-thursday-datails,
    .panel-details-wrap {
		max-height: 300px;
		overflow: hidden;
		padding-bottom: 0;
	}
	.panel-thursday-trumpet .panel-body{
		padding-bottom: 0;
	}
	.social-icon ul li a{
	    width: 55px;
	    height: 55px;
	    line-height: 55px;
	}
	.social-icon ul li a img{
	     max-width:none;
	}
	.social-icon ul li a.facebook img{
	     max-width:none;
	}
    .social-icon ul li a.youtube img {
        max-width: 27px;
    }
	.owl-carousel .owl-dot {width: 63px !important; height: 50px !important;}
    .page-not-found h1 {
        font-size: 230px;
    }

    .page-not-found h3 {
        font-size: 40px;
    }

 }
 /***************************************************************************************
	
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1280 STARTS
	
***************************************************************************************/
 
 @media screen and (min-width:1280px) {
 	.panel-thursday-datails,
    .panel-details-wrap {
		max-height: 260px;
	}
 }

/***************************************************************************************
 	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 768px STARTS
	
**************************************************************************************/
 
 @media screen and (max-width:767px) {
     .panel-thursday-trumpet .panel-thursday-datails {
         height: 25vh;
     }
     .panel-thursday-trumpet .panel-thursday-datails {
         background-size: 100px;
     }
    .brand-details .panel-default .panel-body, .panel-thursday-datails, .panel-details-wrap {
        min-height: auto;
    }
    header .quick-nav {
        top: 8px;
    }
    .quick-nav ul li img {
        width: 26px;
    }
 	header {
		padding: 0 18px 20px;
	}
	.logo{
		display: block;
		padding: 0;
		text-align: center;
	}
	.nav-btn{
		    position: relative;
    top: 9px;
    z-index: 9;
	}
    .sidenav {
        margin-left: -280px;
        width: 280px;
        z-index: 9;
    }
	.right-nav {
		float: right;
    margin: 0 auto;
    display: table;
    margin-top: 15px;
    width: 100%;
	}
    .left-nav{
            width: 10%;
    }
    .mobile-menu {
        position: relative;
        top: 5px;
    }
    .right-nav .arvind-logo {
    padding-right: 10px;
    width: calc(90% - 30px);
    display: inline-block;
}
    .right-nav .arvind-logo img{
                max-width: 250px;
    width: 100%;
    }
	.search-collapse {
		max-width: 270px;
		left: 50%;
		margin-left: -135px;
	}
	.logo{
		padding-left: 30px;
		margin-bottom: 10px;
	}
     /*header .quick-nav {
        top: auto;
        bottom: 90px;
        right: 28px;
    }*/

        /*header .quick-nav ul {
            padding-bottom: 40px;
            padding-top: 0;
        }*/

        /*header .quick-nav .quick-nav-bg {
            bottom: 0;
            top: auto;
        }*/

    /*header .quick-nav-trigger {
        bottom: 0;
        top: auto;
    }*/
    .video-owl-xs{
        height: 250px !important;
    }
    .sidenav .nav {
        top: 69px;
    }
    .right-nav .arvind-logo img {
        max-width: 250px;
        width: 100%;
    }
    .right-nav .arvind-logo {
        padding-right: 10px;
        width: calc(80% - 30px);
        display: inline-block;
    }
    .home-slider.slick-initialized .slick-slide {
         height: 135px !important;
     }
    .panel-icon {
         width: 35px;
         line-height: 44px;
     }
 }
 @media (max-width: 568px) {
     .home-slider.slick-initialized .slick-slide {
         height: 115px !important;
     }
 }
 @media (max-width: 480px) {
     .search a img {
         width: 22px;
     }
     .quick-nav-trigger {
         height: 44px !important;
        width: 44px !important;
     }
     .quick-nav .quick-nav-bg {
        width: 44px !important;
        height: 44px !important;
     }
     .right-nav .arvind-logo {
        padding-right: 0;
        width: calc(76% - 30px);
     }
     .home-slider.slick-initialized .slick-slide {
         height: 72px !important;
     }
     header {
        padding: 0 0px 20px;
    }
     .panel-default .panel-heading h3 {
         display: inline-block;
         width: 100%;
         font-size: 20px;
     }
     footer p {
         font-size: 12px;
     }
     .sidenav .nav {
         
        top: 63px;
    }
 }