@media (max-width: 1300px) {

	.navbar-default{ width: calc(100% - 366px); }
}
@media (max-width: 1199px) {
	.mar-tlg2{margin-top: 80px !important;}
	.pad-tlg2{padding-top: 80px !important;}
	.mar-blg2{margin-bottom: 40px !important;}
	.pad-blg2{padding-bottom: 40px !important;}

	.mar-blg{margin-bottom: 50px !important;}
	.pad-blg{padding-bottom: 30px !important;}

	.navbar-default{ width: calc(100% - 346px); }
	.navbar-default .navbar-nav > li{ margin: 0 0 0 14px; }
	.navbar-default .navbar-nav .signup{ margin: 0 0 0 16px; }
	.navbar-default .navbar-nav{
		font-size: 14px;
		line-height: 30px;
	}
	.navbar-default .navbar-nav .signup a{ padding: 10px 22px; }
	.test-slider{ max-width: 455px; }
	.client-slider{ padding: 0; }
	.num-counter{ margin-bottom: 40px; }
	.main-slider .txt{margin: 0 auto 60px;}
	.main-slider.small h1,
	.main-slider h1{
		font-size: 50px;
		line-height: 68px;
	}
	.video{ padding: 80px 0; }
	.main-slider.small .txt{
		font-size: 17px;
		line-height: 24px;
		margin: 0 auto 60px;
	}
	.main-slider .caption .slick-slider{padding-bottom: 60px;}
	.client-slider img{width: 21%;}
	#history article:nth-child(5){margin-left: -120px;}
	#history .timeline{margin-top: -31%;}
}
@media (max-width: 1023px) {
	#header{
		overflow: visible;
	}
	#header:after{
		content: "";
		clear: both;
		display: block;
	}
	#header .header-holder{
		float: left;
		width: 100%;
	}
	.navbar-default{ width: calc(100% - 666px); }
	.navbar-toggle,
	.navbar-collapse.collapse.in{ display: block !important; }
	.navbar-collapse.collapse{ display: none !important; }
	.navbar-header{
		float: right;
		margin: 7px 0 0;
	}
	.navbar-default .navbar-toggle{ color: #fff; }
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{ background: #5b71d1; }
	.header-holder .tel{ float: right; }
	.navbar-default{ position: static; }
	.navbar-default .navbar-collapse{
		background: #fff;
		padding: 20px;
		box-shadow: 0 8px 10px 0 rgba(0,0,0,0.15);
	}
	.navbar-default .navbar-nav > li > a:after{display: none !important;}
	.navbar-default .navbar-nav > li{
		margin: 0;
		float: none;
		display: block;
	}
	.navbar-default .navbar-nav .signup{ margin: 0; }
	.navbar-default .navbar-nav{ float: none; }
	.main-slider .caption{
		width: 100%;
		padding: 0 40px;
	}
	.isoto-filter{ margin: 0 0 40px; }
	.isoto-filter li{ padding: 0; }
	.isoto-holder .over a{
		font-size: 24px;
		line-height: 45px;
		width: 52px;
		height: 52px;
		margin: 0;
	}
	.test-slider{ max-width: 345px; }
	.skills .fa{ font-size: 240px; margin: 120px 0 0 -10px;}
	.contact-list .fa-map-o,
	.contact-list .fa-volume-control-phone{ margin: -23px -69px 0 15px; }
	.contact-list .fa-send{ margin: -39px -69px 0 15px; }
	.main-heading .heading,
	.video .text h2{
		font-size: 35px;
		line-height: 50px;
	}
	.main-heading,
	.progress-bar,
	.test-slider,
	.icon-box{ font-size: 16px; }
	.video{
		font-size: 16px;
		line-height: 23px;
	}
	.test-slider .name,
	.team .box .name{
		font-size: 18px;
		margin: 0;
	}
	#about .icon-box h2{font-size: 17px !important;}
	#about .team p{font-size: 16px !important;}
	.sub-form.style3{
		padding: 50px 20px 60px;
	}
	.sub-form.style2{
		width: 100%;
	}
	.sub-form.style2 input[type="text"]{
		width: 34.8%;
	}
}
@media (max-width: 767px) {
	.mar-tlg2{margin-top: 40px !important;}
	.pad-tlg2{padding-top: 40px !important;}
	.mar-blg2{margin-bottom: 40px !important;}
	.pad-blg2{padding-bottom: 40px !important;}

	.mar-tlg{margin-top: 30px !important;}
	.pad-tlg{padding-top: 30px !important;}
	.mar-blg{margin-bottom: 30px !important;}
	.pad-blg{padding-bottom: 10px !important;}

	.mar-l{margin-left: 10px !important;}

	.mar-bmd{margin-bottom: 10px !important;}
	.mar-tsm{margin-top: 0 !important;}
	.header-holder .tel{
		overflow: hidden;
		white-space: nowrap;
		width: 20px;
		margin: 12px 60px 0 0;
	}
	.header-holder .tel .fa-phone{
		white-space: normal;
		font-size: 27px;
		line-height: 29px;
		margin: 0;
	}
	#advantage .main-heading p{font-size: 15px;}
	#footer .f-heading{ margin: 0 0 30px; }
	.main-slider .caption{ padding: 0 20px; top:26%;}
	.main-slider .slide{height: 60vh; position: relative;}
	.main-slider .main-banner{padding-top: 60%;}
	.main-slider.small h1,
	.main-slider h1{
		font-size: 32px;
		line-height: 48px;
	}
	.main-slider .txt{ margin: 0 auto 20px; }
	.main-slider .htxt{font-size: 18px;}
	.main-slider .txt,
	.main-heading,
	.icon-box,
	.test-slider,
	.team .box,
	.progress-bar,
	.video,
	#footer .copyright{
		font-size: 14px;
		line-height: 20px;
	}
	.main-heading .heading,
	.video .text h2,
	.price-plan .title,
	#footer .f-heading{
		font-size: 18px;
		line-height: 34px;
	}
	#product .main-heading h2,
	#about .main-heading h2,
	#history .main-heading h2,
	#advantage .main-heading h2,
	#cooperation .main-heading h2,
	#partner .main-heading h2,
	#pjlist .main-heading h2 {background-size: 260% 76%; background-repeat: no-repeat; padding-top: 34px;}
	#history article{margin-top: 0 !important; margin-left: 0 !important;}
	#history .timeline{display: none;}
	#about .icon-box{background: #fff;  padding-top: 0; padding-left: 10px; padding-bottom: 20px; height: auto; left: 4%;}
	#about .about-img{margin-left: 0; margin-top: 0;}
	.main-heading .heading span{font-size: 36px;}
	#template .main-heading .heading span{font-size: 30px;}
	#template .main-heading .heading{font-size: 24px;}
	#template .template-web li a{margin-top: -20px;}
	.icon-box.right{ padding-right: 63px; }
	.icon-box{ padding-left: 10px; }
	.team .img{margin-top: 0 !important;}
	.num-counter .fa{margin-bottom: 5px;}
	.num-counter .cont{font-size: 16px;}
	.num-counter .txt{
		font-size: 14px;
		margin: 0 0 20px;
		height: 80px;
	}
	.contact{
		right: 5px;
		width: 50px;
		height: 90px;
		background-size: cover;
	}
	.contact-tg{
		width: 50px;
		height: 60px;
	}
	#back-top{width: 50px; height: 30px;}
	.client-slider{ padding: 20px 0 0; }
	.num-counter{ margin-bottom: 0; }
	.sub-form input[type="text"]{
		width: 100%;
		margin: 0 0 10px;
	}
	.sub-form .btn-default{width: 100%;}
	.sub-form{padding: 15px;}
	.btn-info{margin-bottom: 10px;}
	.hz-cont .hz-nub{margin-bottom: 14px; margin-top: 10px;}
	.hz-cont .cont{font-size: 20px;}
	.hz-cont .txt{font-size: 16px; height: 60px; margin-bottom: 10px;}
	.hz-cont .fa{margin-top: 0; margin-bottom: 10px; height: 60px;}
	.hz-cont .fa img{height: 60px;}
	
	.info-cont p{font-size: 1.8rem; line-height: 3.4rem;}
	.ico-cont{width: 100% !important;}
	.ico-cont .ico-xs{width: 50% !important;}
	.ico-xs .text_style{font-size: 1.6rem;}
	#lottery{height: 109rem; background: url("../picture/product/pd-lottery-1.jpg") center center / cover no-repeat;}
	#lottery .container{position: relative; }
	#lottery .info-cont{margin-top: 50rem; padding-left: 0; padding-right: 0;}
	#lottery .ico-cont{margin-top: 2rem;}
	#live{height: 82rem; background: url("../picture/product/pd-live-1.jpg") center center / cover no-repeat;}
	#live .info-cont{margin-top: 44rem; padding-left: 0; padding-right: 0;}
	#live .ico-cont{margin-top: 2rem;}
	#sports{height: 78rem; background: url("../picture/product/pd-sports-1.jpg") center center / cover no-repeat;}
	#sports .info-cont{margin-top: 38rem; padding-left: 0; padding-right: 0; width: 100% !important;}
	#sports .ico-cont{margin-top: 1rem;}
	#slots{height: 74rem; background: url("../picture/product/pd-slots-1.jpg") center center / cover no-repeat;}
	#slots .info-cont{margin-top: 41rem; padding-left: 0; padding-right: 0; width: 100% !important;}
	#slots .ico-cont{margin-top: 0;}
	#fishing{height: 72rem; background: url("../picture/product/pd-fishing-1.jpg") center center / cover no-repeat;}
	#fishing .info-cont{margin-top: 41rem; padding-left: 0; padding-right: 0; width: 100% !important;}
	#fishing .ico-cont{margin-top: 1rem;}
	#poker{height: 88rem; background: url("../picture/product/pd-poker-1.jpg") center center / cover no-repeat;}
	#poker .info-cont{margin-top: 44rem; padding-left: 0; padding-right: 0; width: 100% !important;}
	#poker .ico-cont{margin-top: 2rem;}
}
@media (max-width: 430px){
	.info-cont p{font-size: 1.6rem; line-height: 3rem;}
	.ico-xs .text_style{font-size: 1.5rem;}
	#lottery{height: 98rem;}
	#lottery .info-cont{margin-top: 45rem;}
	#live{height: 73rem;}
	#live .info-cont{margin-top: 39rem;}
	#live .ico-cont{margin-top: 1rem;}
	#sports{height: 69rem;;}
	#sports .info-cont{margin-top: 34rem;}
	#sports .ico-cont{margin-top: 0;}
	#slots{height: 66rem;}
	#slots .info-cont{margin-top: 36rem;}
	#slots .ico-cont{margin-top: -1rem;}
	#fishing{height: 64rem;}
	#fishing .info-cont{margin-top: 37rem;}
	#fishing .ico-cont{margin-top: -1rem;}
	#poker{height: 78rem;}
	#poker .info-cont{margin-top: 39rem;}
	#poker .ico-cont{margin-top: 1rem;}
}
@media (max-width: 414px){
	#poker .info-cont{margin-top: 38rem;}
	#poker .ico-cont{margin-top: 2rem;}
}
@media (max-width: 390px){
	.info-cont p{line-height: 2.6rem;}
	#lottery .ico-cont{margin-top: 6rem;}
	#live .info-cont{margin-top: 39rem;}
	#live .ico-cont{margin-top: 2rem;}
	#slots .ico-cont{margin-top: 1rem;}
	#fishing .ico-cont{margin-top: 1rem;}
	#poker .ico-cont{margin-top: 1rem;}
}
@media (max-width: 375px){
	.info-cont p{font-size: 1.5rem; line-height: 2.4rem;}
	.ico-xs .text_style{font-size: 1.4rem;}
	#lottery{height: 85rem;}
	#lottery .info-cont{margin-top: 38rem;}
	#lottery .ico-cont{margin-top: 3rem;}
	#live{height: 64rem;}
	#live .info-cont{margin-top: 34rem;}
	#live .ico-cont{margin-top: 1rem;}
	#sports{height: 60rem;;}
	#sports .info-cont{margin-top: 30rem;}
	#sports .ico-cont{margin-top: 0;}
	#slots{height: 58rem;}
	#slots .info-cont{margin-top: 32rem;}
	#slots .ico-cont{margin-top: -1rem;}
	#fishing{height: 57rem;}
	#fishing .info-cont{margin-top: 33rem;}
	#fishing .ico-cont{margin-top: -1rem;}
	#poker{height: 70rem;}
	#poker .info-cont{margin-top: 34rem;}
	#poker .ico-cont{margin-top: 0;}
}