@media only screen and (max-width: 1200px) {
	.main-wrapper{ width:100%;}
	
}
@media only screen and (max-width: 1260px) {
	.main-wrapper{width: 100%; margin: 0 auto; padding: 0 20px;}
	.content-wrapper{ width:100%;}
}
@media only screen and (max-width: 768px) and (max-width: 1024px) {
	.award-bg{ background-size:200%;}
	.categories-div ul li{ width:48%; margin:10px 5px;}
	.acc-title > h2 span{ width:92%;}
	.awards-form form{ display:block;}
}

@media only screen and (max-width: 767px) {
	header{text-align: center;}
	
	.main-wrapper{ padding:0;}

	header .icon-menu,header .icon-close{display:block; float: right; padding: 10px; color: #fff; font-size: 26px;}

	.top-panel.bg-black{ padding:0; background:transparent;}

   .top-panel{ padding:0;}

   .logo-div{ background:#000; padding:10px; width:100%;}

   .logo-panel{ margin:0; padding:5px 0;}

   .logo-panel p{ margin: 0;}



   .menu-div ul li a:hover, .menu-div ul li a:hover i{ color:#2d2d2d;}



   .menu-div{ display:block;}

/*

   .menu-div ul.desktop-menu{ white-space: nowrap; overflow-x: auto;}

   .menu-div ul.desktop-menu ul.sub-menu{ display:none;}

   .menu-div ul.desktop-menu li i{display:none;}

*/
	
	.menu-div ul.desktop-menu{ position: fixed; background: #FFF; top: 65px; width: 100%;  height: 100vh; z-index: 3; overflow-y: auto;}
	.menu-div > ul.desktop-menu{ width:100%;}
	.menu-div > ul.desktop-menu li{ display:block; width:100%; margin: 0;}
	.menu-div > ul.desktop-menu > li{ padding:5px 10px;}
	.menu-div ul.desktop-menu li i{ float:right;}
	.menu-div .sub-menu{ position:static; box-shadow: none; max-height: none; overflow-y: inherit;}
	.menu-div .sub-menu{}
	
	.menu-div ul li a{ padding:10px 0; color: #2d2d2d;}
	
/*	.desktop-menu{ display:none;}*/
	.content-wrapper{ padding:0 20px;}
	
	.awards-content-bg { background: url(../images/dottedmobile.jpg) no-repeat; }
	.awards-content{ background:rgba(0,0,0,0.3);}
	.awards-form h1{ font-size:22px;}
	.awards-form form .form-fields{ display:block; margin: 15px 0;}
	
	.award-bg{}
	.banner-section { text-align: center; padding: 10px; display: grid; grid-template-columns: 35% auto; grid-gap: 0px; align-items: center;}
	
	.welcome-txt{ padding:30px;}
	.desktop-more{ display:none;}
	.mobile-more{ display:block;}
	.awards-content{ padding:10px 20px;}
	.categories-div ul{grid-template-columns: auto; grid-column-gap: 0; grid-row-gap: 15px; padding: 0;}
	.categories-div ul li{ width:100%; margin:0; padding: 0 10px; font-size: 13px;}
	.accordion-container,.awards-form form{ display:block;}
	.awards-form .form-footer{ text-align:center;}
	
	.awards-form form .form-fields .custom-radio label{ font-size:8px;}
	.awards-form form .form-fields label
	.acc-title > h2 span{ width:92%;}
	
	
	.main-banner-section h1{ font-size: 26px;
        line-height: 40px; word-break: break-word;;}
	.main-banner-section h2{font-size: 18px;
        line-height: 24px;margin: 10px 0 15px;}
	.button{padding: 15px; width: 100%;}
	.main-banner-section { margin: 10px 0 30px; padding: 0;}
	.category-list{border-radius: 20px; padding: 0;}
	.category-wrapper:before{
    bottom: -113px;
    width: 342px;
    height: 400px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center bottom;}
	.category-list:before,.category-list:after{content: none;}
	.category-list i {
    width: 90px;
    height: 90px;line-height: 90px; font-size: 60px;}
	.banner-slider .owl-item.center i {
    width: 128px;
    height: 128px;
    line-height: 128px;
    font-size: 85px;}
.category-list h3{margin-bottom: 15px; font-size: 20px; line-height: 26px;}

.award-trophy{position: relative; text-align: center;}
.welcome-content-section:before{content:none;}
.award-trophy:before{
   content: "";
        bottom: 0;
        left: -25%;
        position: absolute;
        background: url(https://images.assettype.com/vikatan/2025-08-20/1sgvhoah/digitalawardstar.png);
        width: 100%;
        height: 100%;
        z-index: -1;
        background-size: 95%;
        background-repeat: no-repeat;
        background-position: left center;
}
}
@media only screen and (max-width: 400px){

}