/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
}
@media (min-width: 569px) and (max-width: 767px){

}
@media (max-width: 767px) {
/*upadate navigation*/
.sm-simple a.has-submenu span.font-awesome { display:none; }
.pad-right { padding-right:15px; }
.navigation { padding:25px 0; float: none; position: relative; }
a.menu { display:block; width:25px; margin:0; float:right; }
a.menu span{display:block; height:2px; width:100%; margin:5px 0; background:#FFFFFF; }
#main-menu { display:none; margin:40px 0 0 0; clear:both; float:none !important; border-top:none !important; }
.sm-simple > li { padding:0 !important; }
.sm-simple > li.menu-item-has-children::after { display:none; }
.sm-simple > li.active { border-top:none !important; }
.sm-simple > li.active a { border-bottom:none !important; color: #e30000 !important; }

.sm-simple > li{ float: none !important; }
.sm-simple > li.active a:after{ display: none; }
.sm-simple > li a:after{ display: none; }
.sm-simple a span.sub-arrow{ left: 5px !important; right: auto !important; }
.sm-simple ul ul{ margin-top: 0 !important;  }

.a-black{ padding: 15px; }

.home-page .header-sectoin{ position: relative; }
.logo{ text-align: center; }
.logo img{ display: inline-block; }
.menu{ display: block; margin: 0 auto;  }
.m-logo{ display: block; margin: 0; text-align: center; float:none; position: absolute; top: 11px; left: 0; }

.d-btn, .net-btn { text-align: center; }
.d-btn .btn-default { border: 1px solid #fff; }
.net-btn .btn-default {
    border: 1px solid #000;
}


.banner-section{ padding: 30px 0; background-position: top center; }
.s-text{ padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.h-post{ padding: 20px 15px; }
.h-title h1{ font-size: 20px; line-height: 20px; }
.h-title > a{ padding: 0 10px; font-size: 12px; line-height: 12px; }
.h-list ul li a{ font-size: 14px; line-height: 14px; }

.section-title h2{ font-size: 20px; line-height: 20px; }
.section-title a.h-link{ line-height: 20px; padding: 0 10px; }

.y-block{ margin: 25px 0 0; }

.p-inner{ top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); padding: 0; }
.player-section{ margin: 0; }


.footer-section [class*=col-]{ width: 100%; }
.f-last{ width: 100% !important; }
.f-block{ text-align: center; margin: 0 0 20px; }
.footer-section{ margin: 30px 0 0; }

.flip-container, .front, .back{ height: 400px; }
.back img{ max-height: 400px; }


/**************************** Article Page Start ****************************/
.article-block img{     width: 95%; padding: 80px 0px 0px 12px;  }
.article-block{ padding: 0 0 50px; }
.img-space{ margin: 0 0 30px; }

.article-desc{ padding: 0 15px; }
.article-desc h3{ margin: 5px 0 15px; }
.article-desc h5{ margin: 0 0 15px; }
.article-desc p{ margin: 15px 0; }
.a-bottom p{ margin: 0 0 15px !important; }
/**************************** Article Page Start ****************************/

/**************************** Article Index Page Start ****************************/
.a-blcok{ padding: 15px; min-height: auto;}
/**************************** Article Index Page End ****************************/



/**************************** Gamer Page Start ****************************/

/* Responsive Tabing Start */
.nav-tabs-responsive > li {
	display: none;
	width: 23% !important;
}
.nav-tabs-responsive > li > a {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	width: 100%;
	width: 100%;
	text-align: center;
	vertical-align: top;
}
.nav-tabs-responsive > li.active {
	width: 54% !important;
}
.nav-tabs-responsive > li.active:first-child {
	margin-left: 23%;
}
.nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
	display: block;
}
.nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {

}
.nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.nav-tabs-responsive > li.next > a span, .nav-tabs-responsive > li.prev > a span {
	display: none;
}
.nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.nav-tabs-responsive > li.prev > a:after {
	content: "\f054";
}
.nav-tabs-responsive > li.next > a:after {
	content: "\f053";
}
/*.p-table table tbody td{ background: #fff; }
.p-table table tbody tr:nth-child(even), .s-table table tbody tr:nth-child(even){ background: transparent; }*/
/* Responsive Tabing End */


 /* Force table to not be like tables anymore */
#no-more-tables table, 
#no-more-tables thead, 
#no-more-tables tbody, 
#no-more-tables th, 
#no-more-tables td, 
#no-more-tables tr { 
	display: block; 
}
/*.s-table table thead{
	display:none !important;
}*/


/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#no-more-tables tr { border: 1px solid #ccc; }

#no-more-tables td {	
	border: none;
	border-bottom: 1px solid #eee; 
	position: relative;
	padding-right: 45%; 
	white-space: normal;
	text-align:right;
}

#no-more-tables td:before {	
	position: absolute;	
	top: 13px;
	left: 13px;
	width: 95%; 
	padding-right: 10px; 
	word-wrap: break-word;
	text-align:right;
	font-weight: bold;
}

/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); }


.p-profile{ min-height: auto; padding: 15px; }
.full-block{ margin: 0 0 20px; }
.nav-tabs>li>a{ padding: 15px; }

.list-page{ margin: 0; }

/**************************** Gamer Page End ****************************/

/************ Change 08-03-2018 Start ************/

.caret{ display: none; }

/************ Change 08-03-2018 End ************/

/*************** Change 16-03-2018 Start  ***************/
.modal-dialog{ width: 100%; }
div#myModal{ padding: 0 15px; }
#myModal a{ padding: 0 7px; font-size: 12px; line-height: 12px; }
.modal-dialog .form-inline .form-group{ margin: 0 0 10px 0; }
.section-title a.h-link:before{ top: 2px; left: -3px; line-height: 20px; }
.h-title a.h-link{ padding: 0 10px; line-height: 20px; }
.h-title > a:before{ top: 2px; left: -3px;line-height: 20px; }
.h-list ul li a:before{ top:3px }
.p-cal .xdsoft_datetimepicker .xdsoft_monthpicker{ bottom: 0; }
.p-block{ height: 210px; width: 280px; margin: 0 auto; }
.bottom-footer{ text-align: center; }

.article-block .section-title{ width: 95%;position: absolute; }
.s-text h3{ font-size: 22px; line-height: 26px; }

.player-section .row{ margin: 0 -15px; }
.player-section [class*=col-]{ padding: 0 15px; }

/*************** Change 16-03-2018 End  ***************/


}

@media (min-width: 768px) {
/* updated Navigation */
.sm-simple > li { border-left:none !important; }
.sm-simple a span.sub-arrow { right:10px !important; }
.sm-simple .sm-nowrap > li > a { padding:10px !important; }
.sm-simple a span.sub-arrow { display:none !important; }
.sm-simple a.has-submenu span.font-awesome { margin:0 0 0 10px;	}
#main-menu.done { display:block !important; } 
a.menu { display:none;}
}
@media (min-width: 768px) and (max-width: 991px){
.s-design ul li a {height:9px; width:9px;}
.logo{ text-align: center; }
.logo img{ display: inline-block; }
.sm-simple a{ font-size: 14px !important; line-height: 14px !important;  }
.sm-simple > li{ padding: 0 10px !important; }
.m-logo{ margin-left: 0px;  }
.m-logo a{ margin: 0 10px; }

.banner-section{ padding: 150px 0 0; background-position: top center; }
.s-red-txt h3{ font-size: 20px; line-height: 20px; }
.s-text{ padding: 0 10px; }

.player-section{ margin: 0; }

.footer-section [class*=col-]{ width: 20%; }
.f-last{ width: 20% !important; }

.p-inner{ top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); padding: 0; }


/**************************** Article Page Start ****************************/
.article-block img{ width: 250px; }

/**************************** Article Page End ****************************/




/**************************** Article Index Page Start ****************************/
.a-blcok{ min-height: 330px; }
.a-img img{ height: 330px; object-fit: cover; font-family: "object-fit: cover;"; }
/**************************** Article Index Page End ****************************/




/**************************** Gamer Page Start ****************************/
.p-profile{ min-height: 121px; }
.nav-tabs>li>a{ padding: 15px 17px; }
.p-table table tbody td,.p-table table thead th{ padding: 10px; }
.list-page{ margin: 0; }

/**************************** Gamer Page End ****************************/



}

@media (min-width: 992px) and (max-width: 1199px){
.sm-simple > li{ padding: 0 10px !important; }
.sm-simple a{ font-size: 14px !important; line-height: 14px !important;  }
.m-logo{ margin: 0; }

.p-inner{ padding: 0 21px; }

.banner-section{background-position: top center; }


/**************************** Article Page Start ****************************/
.article-block img{ width: 400px; }
/**************************** Article Page End ****************************/

/**************************** Article Index Page Start ****************************/
.a-blcok{ min-height: 313px; }
/**************************** Article Index Page End ****************************/


/**************************** Gamer Page Start ****************************/
.p-profile{ min-height: 158px; }
.nav-tabs>li>a{ padding: 15px 33px; }


/**************************** Gamer Page End ****************************/



}

@media (min-width: 1200px) and (max-width: 1300px){
.container{ width: 1170px; }
.sm-simple > li{ padding: 0 10px !important; }
.m-logo{ margin-left: 0; }

/**************************** Article Page Start ****************************/
.article-block img{ width: 500px; }
/**************************** Article Page End ****************************/

/**************************** Article Index Page Start ****************************/
.a-blcok{ min-height: 380px; }
/**************************** Article Index Page End ****************************/

/**************************** Gamer Page Start ****************************/
.p-profile{ min-height: 192px; }
.nav-tabs>li>a{ padding: 15px 47px; }
/**************************** Gamer Page End ****************************/


}

@media (min-width: 1301px) and (max-width: 1499px){
.sm-simple > li{ padding: 0 15px !important; }
.m-logo{ margin-left: 0; }
}

@media (min-width: 1500px) and (max-width: 1600px){
.sm-simple > li{ padding: 0 15px !important; }
.m-logo{ margin-left: 0; }
}



@media (min-width: 1200px) and (max-width: 1920px){
}



/*---------- Large Desktop , Large Screen End ----------*/