@media only screen and (max-width: 1199px) {
	
	.nav-bar li { padding-left: 19px; }
	.nav-bar li a { padding: 0 20px; font-size: 16px; }
	
	.table-bar span.top-text { font-size: 19px; }
	
	.table-bar ul li.heading span { font-size: 15px; }
	.table-bar ul li span { font-size: 13px; }
	.table-bar ul li .col-5 { width: 13.8%; }
	.table-bar ul li .col-6 { width: 14%; }
	
	h1 { font-size: 30px; }
	.section-bar h3 { font-size: 34px; }
	.tab-bar::before { display: none; }
	.tab-bar { border-radius: 20px; padding: 25px 40px 40px; }
	.tab-bar .content li { padding: 10px; }
	.tab-bar .content { padding: 40px 25px; }
	#header-part.big a.logo { float: none; margin: auto; }
	.tab-bar ul.tabs li { float: none; padding: 0 8px; display: inline-block; } 
	.tab-bar .content p { font-size: 22px; }
	.tab-bar .content li cite { font-size: 22px; }
	.tab-bar ul.tabs { text-align: center; }
	.tab-bar ul.tabs li a { padding: 0 20px; font-size: 16px; }
	 
}

@media only screen and (max-width: 991px) {

	.tab-bar .content p { font-size: 18px; line-height: 22px; }
	.tab-bar .content li cite { font-size: 18px; line-height: 22px; }
	.tab-bar { border-radius: 20px; padding: 25px 30px 30px; margin-bottom: 50px; }
	.tab-bar ul.tabs li a, .nav-bar li a { font-size: 14px; padding: 0 15px; }
	.tab-bar .content { min-height: 500px; }
	.tab-bar ul.tabs li { padding: 0 4px; }
	#header-part a.logo { width: 250px; }
	.nav-bar li { padding-left: 10px; }
	.nav-bar { padding-top: 5px; }
	#header-part { padding: 30px 0 80px; min-height: 100px; margin-bottom: 25px; }
	.step-bar .block { padding-top: 10px; } 
	.step-bar .col-sm-6.text-right .block { padding: 10px 0; }
	.step-bar h3 { font-size: 28px; line-height: 32px; }
	.step-bar h4 { font-size: 18px; line-height: 24px; }
	
	.step-bar h5 { font-size: 20px; line-height: 24px }
	.work-bar h3 { font-size: 20px; line-height: 24px; }
	.work-bar { padding: 30px 0 20px; }
	
	h1 { font-size: 28px; line-height: 30px; }
	h1 span { font-size: 22px; line-height: 24px; }
	h2 { font-size: 26px; line-height: 32px; }
	
	.purple .top-bar img { margin: 10px auto 20px; }
	.text-bar { padding: 30px 0; }
	.text-bar h3 { font-size: 22px; line-height: 24px; }
	.text-bar p { padding-bottom: 15px; }
	.section-bar h2 { font-size: 28px; line-height: 32px; }
	.section-bar h3 { font-size: 26px; line-height: 32px; padding-bottom: 5px; }
	.section-bar .section { padding-bottom: 35px; margin-bottom: 30px; }
	
	.tab-bar form .content { padding: 25px 35px; }
	#header-part.big a.logo { width: 380px; }
	#header-part.big { min-height: 20px;  padding: 30px 0; }
	.tab-bar .content li .color-box { width: 125px; height: 125px; margin-bottom: 10px; border-radius: 12px; -webkit-border-radius: 12px; }
	.text-bar .reactions { padding-bottom: 40px; }
	
	.table-bar .block { overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0; margin: 0 0 30px; }
	.table-bar .block ul, .table-bar span.top-text { width: 940px; }
	.btn-primary { font-size: 14px; }
	.top-bar { padding: 0 20px 20px; }
	.table-bar ul li .title { padding-right: 5px; }
	.step-bar .col-sm-12.text-center p br { display: none; }

}

@media only screen and (max-width: 767px) {
	
	
	#back-to-top { display: block; }
	
	#header-part.big a.logo { width: 280px; }
	.tab-bar .top { background: none; padding-bottom: 0; }
	.tab-bar { padding: 0 0 30px 0; margin: 0 -15px; width: auto; border-radius: 0; -webkit-border-radius: 0; background: none; box-shadow: none; }
	.tab-bar .content { min-height: 50px; box-shadow: none; background: none; }
	.tab-bar ul.tabs { background: #e3e3e3; padding: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.3); }
	.tab-bar ul.tabs li { display: none; }
	.tab-bar ul.tabs li a { display: inline-block; min-width: 180px; border-radius: 10px; -webkit-border-radius: 10px; }
	.tab-bar ul.tabs li.active { display: block; }
	
	
	h1 { font-size: 24px; line-height: 26px; padding-bottom: 10px; }
	h1 span { font-size: 18px; line-height: 24px; }
	h2 { font-size: 20px; line-height: 22px; }
	p, .tab-bar .content p, li { font-size: 16px; line-height: 22px; }

	.purple .top-bar { padding-bottom: 15px; }
	.text-bar { padding: 20px 0; }
	.text-bar .reactions { padding-bottom: 20px; }
	.text-bar .top-space { padding: 20px 0 10px; }
	.text-bar .color-block strong { padding-bottom: 10px; line-height: 22px; }
	.color-box { width: 90px; height: 90px; border-radius: 12px; }
	.text-bar .color-block span { font-size: 14px; line-height: 20px; padding-bottom: 10px; }
	.purple h2 { padding-bottom: 10px; }
	.section-bar h3 { font-size: 23px; line-height: 24px; }
	.section-bar h2 { font-size: 25px; line-height:28px; }
	.section-bar .space-bottom { padding-bottom: 10px; }
	.section-bar .section { padding-bottom: 15px; margin-bottom: 15px; }
	.section-bar .col-lg-12 { padding-right: 0px; }
	.section-bar { padding-bottom: 15px; }
	.tab-bar .content li .color-box { width: 115px; height: 115px; }
	.tab-bar .content li cite { font-size: 16px; line-height: 22px; }
	.tab-bar .content ul { padding-top: 25px; }
	.tab-bar .content { padding: 40px 15px 0; }
	.tab-bar ul.tabs li a { font-size: 16px; padding: 3px 15px; }
	.tab-bar form .content { padding: 15px; }
	.tab-bar .block { padding: 20px 0; }
	.tab-bar .required { padding-bottom: 10px; font-size: 16px; line-height: 20px; }
	.tab-bar label { font-size: 16px; line-height: 20px; }
	.tab-bar .radio input[type="radio"] { margin-top: 3px; }
	.tab-bar .btn { padding: 5px 20px; }
	
	.text-bar .color-block .row { padding-bottom: 15px; }
	.text-bar .color-block { padding-bottom: 5px; }
	
	.next_btn, .prv_btn { position: absolute; top: 17px; display: block; background: url(../png/next_btn.png) no-repeat; width: 18px; height: 24px; background-size: 18px auto; z-index: 99; }
	.next_btn { right: 10px; }
	.prv_btn { left: 10px; background-image: url(../png/prv_btn.png); }
	
	
	.step-bar h3 { font-size: 22px; line-height: 24px; }
	.step-bar .row { padding: 20px 0 30px; }
	.step-bar .block { padding: 0; text-align: center; }
	.step-bar .col-sm-6 { width: 100%; }
	p { padding-bottom: 15px; }
	.step-bar .col-sm-6.text-right .block { padding: 0; }
	.step-bar li { padding: 0 0 5px 18px }
	.step-bar ul { padding-bottom: 10px; }
	.work-bar { padding: 20px 0 15px; }
	.step-bar img { max-width: 280px; margin: auto; display: block; }
	.step-bar .col-sm-12 { padding-bottom: 20px; }
	
	#header-part { padding: 10px 0; min-height:70px; }
	.navbar-toggle { margin-right: 0px; }
	.nav-bar { padding: 0; position: absolute; right: 0px; top: 8px; }
	.nav-bar li { width: 100%; padding: 0; }
	#header-part { z-index: 99; } 
	.nav-bar li a { border-radius: 0px; -webkit-border-radius: 0px; }
	.nav-bar li { border-bottom: 1px solid #fff; }
	.navbar-collapse { border: none; }
	.top-bar { padding: 0 0 20px; }
	
	#header-part a.logo { width: 210px; margin-top: 10px; z-index: 99; position: relative; }
	
	.nav-bar { width: 100%; z-index: 9; }
	
	.navbar-default .navbar-toggle { background: #4098f2 !important; border-color: #4098f2 !important; }
	.navbar-default .navbar-toggle .icon-bar { background: #fff; }

	.purple .navbar-default .navbar-toggle { background: #a2297d !important; border-color: #a2297d !important; }

	.table-bar .block ul, .table-bar span.top-text { width: 980px; }
	.purple .top-bar img { margin-bottom: 10px; }
	.text-bar li { padding-left: 20px; }
	
	
	.table-bar ul li .col-2 { width: 29.42%; }
	.table-bar ul li .col-3 { width: 12.25% }
	.table-bar ul li .col-5 { width: 13.9% }
	.table-bar ul li .col-6 { width: 13.93%; }
	.table-bar ul li .col-7 { margin-right: -0.05%; width: 11.2%; }
	
	.table-bar span.top-text { font-size: 17px; padding: 10px 13px 8px; }
	
	.btn-primary { font-size: 13px; }
	.table-bar .block { margin-bottom: 20px; }
	.step-bar h2 { padding-top: 30px; }
	
	
}

@media only screen and (max-width: 479px) {
	.text-bar .color-block .col-xs-6 { width: 100%; padding-bottom: 20px; }

}
				
@media only screen and (min-width: 768px) {
	
	.next_btn, .prv_btn { display:none; }
	
}	

@media only screen and (max-width: 767px) {
	.colors-container
	{
		display:block !important;
	}
	.colors .report-swatch .bold
	{
		font-size:11px !important;
	}
}