	/*==== Responsive code ====*/
	
	/*-- minimum width --*/
@media (min-width: 1199px){
	.container{
		padding-left: 0px;
		padding-right: 0px;
		}
	ul.nav{
		padding-left: 50px;
		padding-right: 50px;
		}
	ul.navbar-right{
		margin-right: 0px;
		}
	.price-top-space{
		padding-top: 70px;
		}
	.price-box-left{
		padding-left: 100px;
		padding-right: 0px;
		}
	.price-box-right{
		padding-right: 100px;
		padding-left: 0px;
		}
	.sub-padding-left{
		padding-right: 0px;
		}
	.sub-padding-right{
		padding-left: 0px;
		}
}
@media (min-width: 768px){
	section.header{
		height: auto;
		/*background-color: #e74c3c;*/
		}
	nav.navbar{
		margin-bottom: 0px;
		}
	ul.navbar-nav{
		/*margin-top: 60px;*/
		margin-top: 25px;
		}
	.navbar-default .navbar-nav > li > a{
		padding: 15px 15px;
		}
}
	/*-- maximum width --*/
@media (max-width: 1199px) {
	.front-title{
		font-size: 60px;
		line-height: 70px;
		}
	.go-button{
		bottom: 25%;
		left: 45%;
		}
	.services-content-bg{
		background-position: 0% 0%;
		}
	.item.item-width{
		width: 18%;
		}
	.talented-wrapper{
		padding-left: 15px;
		padding-right: 15px;
		}
	.slides_container a{
		width: 800px;
		}
	.blog-open{
		max-height: 100%!important;
		}
	.blog-post-box{
		max-height: 150px;
		}
	.blog-post-box:hover{
		max-height: 100%;
		}
	.nested_main_comment, .num_cmt_nested_2{
		max-width: 890px;
		}
	.nested_main_comment2{
		max-width: 810px;
		}
}

@media (max-width: 1025px) {
	.boxsub77{
		width: 90%;
	}
	.cnew00{
		width: 77%;
	}
	.cnew00 a{
		font-size: 1.3rem;
	}
	.cnewbanner{
		width: 90%;
	}
}
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a{
		padding: 10px 4px; 
		}
	.go-button{
		bottom: 20%;
		left: 50%;
		}
	.about-box ul li{
		width: 30%;
		}
	.services-content-bg{
		background-image: none;
		}
	.top-services-space{
		padding-top: 100px;
		}
	.top-services-space-3{
		padding-top: 100px;
		}
	.top-services-space-4{
		padding-top: 150px;
		}
	.add-image-inner{
		top: 70px;
		left: 0px;
		}
	.add-image-inner-2{
		top: 70px;
		right: 0px;
		}
	.work-info-box{
		margin-bottom: 30px;
		}
	.work-box-number{
		text-align: center;
		margin-bottom: 25px;
		}
	.work-box-number .text-right, .work-box-number .text-left{
		text-align: center;
		}
	.box-icon-inner:before{
		display: none;
		}
	.item.item-width{
		width: 17.5%;
		}
	.facts-info{
		padding-left: 0px;
		padding-right: 0px;
		}
	.facts-info ul li{
		width: 33%;
		}
	.left-team-box{
		border-right: none;
		}
	.left-team-inner{
		float: none;
		margin-left: auto;
		margin-right: auto;
		}
	.right-team-inner{
		float: none;
		margin-left: auto;
		margin-right: auto;
		}
	.team-box:after{
		display: none;
		}
	.slides_container a{
		width: 700px;
		}
	.blog-post-image, .blog-post-content{
		float: none;
		width: 100%;
		}
	.blog-post-box{
		max-height: 120px;
		}
	.nested_main_comment, .num_cmt_nested_2, .nested_main_comment2{
		margin-left: 0;
		max-width: 946px;
		}
		/*-- blog widget --*/
	.part{
		width: 33%;
		}
		.cnew00 {
		    width: 90%;
		}
		.cnew00 a {
		    font-size: 1.2rem;
		}
}
@media (max-width: 992px){
	#fixed-main-menu{
		position: inherit !important;
	}
	.navbar-toggle{
		background-color: #29282800 !important;
		color: #ffffff;
		margin-right: 0px;
		margin-top: 0;
		margin-bottom: 0;
		padding: 10px 12px;
		border: none;
		border-radius: 0;
		}
	.navbar-header{
		/*margin-top: 10px;*/
		width: 100%;
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
    	margin: 0 0;
		}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #ffffff;
		}
	.site-logo,.menu-regislogin{
		display: none;
		}
	.responsive-navbar-brand,.responsive-navbar-brand-condition{
		display: block;
		}
	.responsive-navbar-brand img{
		/*width: 36px;*/
		height: 85px;
		}
	.navbar-small .navbar-right{
		margin-top: 0px;
		}
	ul.navbar-nav{
		margin: 0px -10px;
		}
	.navbar-collapse{
		background-color: #230e42;
		position: relative;
		z-index: 999;
		border-top: none; 
		padding: 0;
		}
	.navbar-collapse ul{
		background-color: #230e42;display: block;
	}
	.navbar-collapse ul li{
		border-bottom: 1px solid #ddd;padding-bottom: 10px;
	}
	.about-box ul li{
		width: 40%;
		}
	.item.item-width{
		width: 100%;
		}
	.price-box{
		margin-bottom: 30px;
		}
	.facts-info ul li{
		width: 50%;
		}
	.slides_container a{
		width: 650px;
		}
	#map{
		height: 400px;
		}
	.social-icon-box ul li{
		margin-right: 25px;
		}
	.social-icon-box ul li a{
		font-size: 36px;
		}
		/*-- blog widget --*/
	.part{
		width: 100%;
		float: none;
		padding: 20px 15px;
		}
	.cat-panel, .cat-panel-tags, .cmt-panel, .cat-panel-tw, .cat-panel-fl{
		width: 100%;
		}
	.cat-panel-fl li{
		width: 10%;
		}
	ul.comment_part_ul, .comment_area, #form{
		padding-left: 15px;
		padding-right: 15px;
		}
	.work-box-text{
		margin-bottom: 20px;
		}
	.top-services-space{
		padding-top: 0px;
		}
	.top-services-space-2, .top-services-space-3, .top-services-space-4{
		padding-top: 50px;
		}
	.services-content-inner{
		margin-top: 40px;
		margin-bottom: 40px;
		}
	.boxsub77white{
		width: 70%;
	}
}
@media (max-width: 581px){
	.about-box ul li{
		width: 100%;
		}
	.facts-info ul li{
		width: 100%;
		}
	.slides_container a{
		width: 450px;
		}
	.contact-info ul li{
		margin-right: 50px;
		}
	.cat-panel-fl li{
		width: 19%;
		}
	.inputfield-comment, .inputbtn{
		width: 100%;
		float: none;
		}
	.inputfieldmessage{
		float: none;
		margin-top: 0;
		}
	.blog-post-content .post-title{
		font-size: 18px;
		}
}
@media (max-width: 480px){
	.team-box{
		width: 100%;
		}
	.team-image{
		width: 22%;
		}
	.team-image img{
		width: 100%;
		height: auto;
		}
	.team-content{
		width: 78%;
		padding: 10px 20px;
		}
	.team-content .name, .team-content .position, .team-content .short-desc{
		margin-bottom: 5px;
		}
	.slides_container a{
		width: 320px;
		}
	.blog-post-content .post-title{
		font-size: 16px;
		}
}
@media (max-width: 415px){
	.styleBrand li{
		padding: 0 10px;
	}
	#carousel {
    	height: 120px;
	}
	.slide-sectionLeft h1{
		margin-top: 0.5rem !important;
	}
	.slide-sectionLeft h1 img{
		width: 120%;
	}
	.slide-sectionLeft p.front-text{
		margin-top: 0;
	    font-size: 18px;
	    white-space: nowrap;
	}
	.slide-sectionLeft p.front-text-description,.slideDKT-Home,.front-text-title-mb,.display-image-home-dkt,.display-home-dkt{
		display: none;
	}
	.slideMB-Home,.display-image-home-mb{
    	display: block;
    }
    .slide-sectionRight{
    	padding-right: 0px;
    }
    .section-wellcome{
        background: url(../images/bg-section02-mb.jpg);
        background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
        max-height: 100%;
    	padding-bottom: 2em;
    }
    .slide-game-mb{
    	padding: 0;
    	margin-bottom: 1rem;
    	margin-top: 1rem;
    }
    .carousel-indicators {
	    bottom: -20px !important;
	}
	.section-slide-game > .container > div.mb-4{
		margin-bottom: 0rem !important;
	}
    #carousel div.next{
    	transform: translateY(10px) translateX(-50%);right: 0;
    }
    #carousel div.next img {
	    width: 265px;
	}
	#carousel div.prev {
	    transform: translateY(10px) translateX(-50%);left: 0;
	}
	#carousel div.prev img {
	    width: 265px;
	}
	#carousel div img {
	    width: 300px;
	}
	#carousel {
	    height: 170px;
	}
	.menubotfontsize2 {
	    font-size: 10px;
	}
	.section-game > .container > .col-xs-12 > .slotbanner > div.row{
		margin-top: 1rem !important;
	}
	.menubotnew .menumbwidth:nth-of-type(odd) {
		background-color: rgba(41, 41, 43);
	}
	.menubotnew .menumbwidth{
		background-color: #220e41;
	}
	.mainheadbg .boxsub77white{
		margin: 0;
	    border: 0;
	    border-radius: inherit;
	    width: 100%;
	    padding: 0;
	    box-shadow: none;background: rgb(43 43 43);
	}
	.mainheadbg > .container{
		padding: 0;
	}
	.butboxmember .frm_btn{
		background: rgba(253,247,70,1);
	    background: -moz-linear-gradient(0deg, rgba(253,247,70,1) 0%, rgba(253,232,0,1) 59%, rgba(239,177,31,1) 100%);
	    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(253,247,70,1)), color-stop(59%, rgba(253,232,0,1)), color-stop(100%, rgba(239,177,31,1)));
	    background: -webkit-linear-gradient(0deg, rgba(253,247,70,1) 0%, rgba(253,232,0,1) 59%, rgba(239,177,31,1) 100%);
	    background: -o-linear-gradient(0deg, rgba(253,247,70,1) 0%, rgba(253,232,0,1) 59%, rgba(239,177,31,1) 100%);
	    background: -ms-linear-gradient(0deg, rgba(253,247,70,1) 0%, rgba(253,232,0,1) 59%, rgba(239,177,31,1) 100%);
	    background: linear-gradient(0deg, rgba(253,247,70,1) 0%, rgba(253,232,0,1) 59%, rgba(239,177,31,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf746', endColorstr='#efb11f', GradientType=1 );
	    -webkit-box-shadow: 0px 0px 8px 0px rgb(246 255 0);
	    -moz-box-shadow: 0px 0px 8px 0px rgba(246, 255, 0, 1);
	    box-shadow: 0px 0px 8px 0px rgb(246 255 0);
	    color: #000 !important;
	}
	.mainheadbg form{
		display: flex;
	    flex-wrap: nowrap;
	    justify-content: center;
	}
	.boxsub77whitehead{
		background: #351759;
	    border-radius: 0;
	    color: #ffff;margin-top: 0 !important;
	}
	.boxsub77bodywhite{
		width: 100%;
	    background: #2b2b2b;
	    border-radius: 0;
	    padding-top: 2em;
	}
	.section-footer{display: none;}
	.w90{
		width: 100%;
	}
}
@media (max-width: 376px){
	.butregis{
		width: 95px;
    	font-size: 10px;
	}
	.boxsub77headt2{
		font-size: 0.8rem;
	}
}
@media (max-width: 321px){
	.responsive-navbar-brand img {
	    height: 70px;
	}
	.butregis {
	    width: 80px;
	}
}