.first-row{
	min-height: 780px;
}

.price-plan h2{
	font-size: 2rem;
	padding: 20px 0;
	text-align: center;
}

.price-plan .knob{
	align-self: center;
	border-radius: 5px;
	font: 700 15px/1.2 'Muli', sans-serif;
	padding: 20px 10px;
	text-align: center;
	margin: 0 auto;
}

.features>div>h2{
	text-align: left;
	margin-top: 50px;
}

.one-col-table .title{
	color: #082137;
	width: 30%;
	font: normal 16px 'Muli', sans-serif;
	display: flex;
	align-items: center;
	padding-right: 20px;
	padding-left: unset;
	transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.one-col-table .content{
	display: block;
	font: normal 14px/1.2px "Roboto", sans-serif;
	flex: 1;
	line-height: 1.51;
	padding-top: 7px;
	color: #6b7c93;
}

.table-stripe td:first-child, .table-stripe th:first-child{
	font-family: 'Muli', sans-serif;
	text-align: left;
	padding-left: 22px;
	padding-right: unset;
}

.table-stripe th{
	font: 700 1.5em/1.22 'Muli', sans-serif;
	border-bottom: 2px solid #eef2f8;
}


.table-stripe td > span.small{
	font: normal 14px 'Roboto', sans-serif;
	color: #6b7c93;
}

.table-stripe td > span .circle{
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

.table-stripe tbody tr td .circle:after{
	content: '';
	border-radius: 50%;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 6px;
	height: 6px;
}


/* Smartphones (portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px){

	.first-row{min-height: 500px;}

	.table-holder[data-active-plan='golden-plan'] div:nth-child(2){display: block;}
	.table-holder[data-active-plan='silver-plan'] div:nth-child(3){display: block;}
	.table-holder[data-active-plan='bronze-plan'] div:nth-child(1){display: block;}

	.tabbar{display: flex;height: 64px;position: relative;margin-bottom: 25px;}
	.tabbar input{display: none;outline: none;box-shadow: none;}
	.tabbar input:active{outline: none;}
	.tabbar input:nth-of-type(1):checked + label + input + label + input + label + span {transform: translateX(200%)}
	.tabbar input:nth-of-type(2):checked + label + input + label + span {transform: translateX(100%)}
	.tabbar input:nth-of-type(3):checked + label + span {transform: translateX(0)}
	.tabbar input:checked + label span {transform: translateY(-14px); opacity: 1;}
	.tabbar label{flex: 0 0 33.33%; display: flex;justify-content: center;align-items: center;position: relative; cursor: pointer;z-index: 1;}
	.tabbar label span{font: bold 1.2rem vazir, sans-serif;color: #082137;display: block;-webkit-backface-visibility: hidden;transition: transform .4s cubic-bezier(.2, .64, .48, 1.12), opacity .4s ease, color .4s ease;transform: translateY(-8px) scale(1);position: absolute;left: 0;right: 0;bottom: 0;text-align: center;opacity: 0.5;transform-origin: 50% 0;}
	.tabbar > span{display: block;position: absolute;left: 0;top: 0;bottom: 0;width: 33.33%;transition: -webkit-transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12);transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12);transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12), -webkit-transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12);-webkit-transform: translateX(0);transform: translateX(0);-webkit-backface-visibility: hidden;}
	.tabbar > span:after{content: ''; width: 94px; height: 2px; display: block; background: #037ef3; position: absolute; bottom: 0; left: 50%;margin: -14px 0 0 -47px;}

	.table-stripe-wrap[data-active-plan='golden'] tbody td:nth-child(4){display: table-cell;}
	.table-stripe-wrap[data-active-plan='silver'] tbody td:nth-child(3){display: table-cell;}
	.table-stripe-wrap[data-active-plan='bronze'] tbody td:nth-child(2){display: table-cell;}
	
	.sec-two{padding-bottom: 50px;}

	.one-col-table .title{width: auto;}

}


/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px){

	.main-title{text-align: center;}
	.main-text{text-align-last: center;}
	.first-row{min-height: 500px;}

	.table-holder>div{max-width: 33.333%;}
	.table-holder>div:first-child, .table-holder>div:last-child{margin: 0;}
	.title-holder p{text-align: center;}
	.title-holder span{display: inline;}

	.table-stripe td:nth-child(1){width: 35%;}
	.table-stripe td > span.small span{display: block;}

	.sec-two{padding-bottom: 50px;}
}

/* Tablets ----------- */
@media only screen and (min-width: 768px) and (max-width: 991px){
	.widgets{display: none;}

	.main-title{text-align: center;}
	.main-text{text-align-last: center;}
	.first-row{min-height: 500px;}

	.title-holder p{text-align: center;}
	.title-holder span{display: inline;}

	.table-holder>div{max-width: 41.667%;}
	.table-holder>div:first-child, .table-holder>div:last-child{margin: 0;}

	.features-holder{padding: 0}
	.features-holder>a{box-shadow: none;}
	.features-holder>a h2{font-size: 1.2rem;}

	.table-stripe td > span.small span{display: block;}	

	.sec-two{padding-bottom: 50px;}
}

/* Desktops and laptops and Tablets (landscape) ----------- */
@media only screen and (min-width: 992px) and (max-width: 1140px){
	.features-holder>a:first-child, .features-holder>a:last-child{margin-left: 0; margin-right: 0}	
}