/* Use a wide full screen for small screens like tablets. */
/*@media (min-width: 768px) and (max-width:992px) {
    .container {
		width: initial;
        padding-left: 2em;
        padding-right: 2em;        
	}
}*/

/* --- Plans ---------------------------- */

.my_planHeader {
    text-align: center;
    color: white;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
.my_planTitle {
    font-size:2em;
    font-weight: bold;
}
.my_planPrice {
    font-size:1.4em;
    font-weight: bold;  color: #000  
}
.my_planDuration {
    margin-top: 0; color: #000  
}
.pricing-main-section {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 0 100px;
    text-align: center;
}
.card-deck .card{ border: none }
.pricing .card-header{ background: none; display: flex;justify-content: space-between;
    align-items: center; }
    .pricing .card-header h4{ font-weight: bold ;text-align: left;}
.pricing .card-header h4 small{ display: block; color: #000 }
.card-body .list-unstyled li{ position: relative;text-align: left;padding-left: 30px;
    line-height: 43px;}
.card-body .list-unstyled li:before{ position: absolute; left: 0; content: '';
 background: url(../images/green_right.png) 0 0 no-repeat; top: 18px; width: 19px; height: 14px; }
.pricing-main--section .btn.new {
    background: #e00000;
    font-family: 'HelveticaNeue';
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    padding: 0 5px;
    border: 0;
    transition: 0.5s ease-in-out;    
    text-transform: uppercase;
    height: 50px;
}
.my_featureRow .btn.new{ margin: 50px 0 }
.box-shadow {
    box-shadow: 0px 0 10px #d8d6d6;
}
.card-body ul.list-unstyled {
    min-height: 180px;
}
.pricing h2 {
    display: block;
    text-align: center;
   
}
 .my_planHeader.my_plan1 { margin-right: 150px }
.my_planHeader.my_plan2 { margin-right: 160px }
.my_featureRow {
    margin-top: 0.2em;
    border-bottom: 1px solid #eee;
    line-height: 2.8em
    
}    
.main-table h2{ font-size:26px; font-weight:bold;margin-top:2em;}

.my_planFeature {text-align:center;}
.my_planFeature i.my_check {color:#000;}


/******************* product css starts here **************/
.pricing-main--section{
    margin-top: 213px !important;
    font-family: 'HelveticaNeue-light-l', arial, sans-serif;
    font-family: 'HelveticaNeue-regular-final', arial, sans-serif;
    padding-bottom: 85px;
    text-align: left;
}

.pricing-main--section h2{
    font-size: 43px;
    line-height: 51px;
    color: #000;
    padding: 0 0 20px 0;
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
}

.cus_revw_para{
    font-size: 21px;
    line-height: 28px;
}

.cus_revw_btn{
    font-family: 'HelveticaNeue-bold-b', arial, sans-serif;
    font-size: 15px;
    line-height: 50px;
    text-transform: uppercase;
    max-width: 220px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: #E00000;
    display: block;
    margin: 54px auto 0;
}

.cus_revw_btn:hover{
    background: #ffc502;
    color: #fff;
}

.pricing_content_left h3{
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 45px;
}

.pricing_content_left h4{
    font-size: 26px;
    line-height: 32px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px;
}

.pricing_content_left p {
    margin-bottom: 35px;
}

.pricing-main--section hr {
    margin-bottom: 50px;
    border-top: 1px solid #979797;
}


/******************* product css ends here **************/


@media (max-width: 768px) {
    .my_planTitle {
        font-size:small;
    }    
}

/* --- Features ------------------------- */

.my_feature {line-height:2.8em;}

@media (max-width: 1199px){
    .pricing-main--section {margin-top:150px!important; padding-bottom:30px;}
    .pricing-main--section .cus_revw_btn {margin: 30px auto 0;}
}

@media (max-width: 1025px){
.my_planHeader.my_plan1 {
    margin-right: 120px;
}
.my_planHeader.my_plan2 {
    margin-right: 120px;
}
}

@media (max-width: 768px) {
.my_planHeader.my_plan1 {margin-right: 60px;}
.my_planHeader.my_plan2 {margin-right: 60px;}
.my_feature {text-align: center}
 }

@media (max-width:767px){
    .pricing-main--section {margin-top: 100px!important;}
    .pricing-main--section .cus_revw_para br{display:none;}
    .pricing-main--section h2 {font-size:38px;line-height:1.3;}
}
@media (max-width: 668px){
.my_planFeature{ line-height: 20px }
}

@media (max-width: 479px){
    .pricing-main--section h2 {font-size:30px;}
    .pricing_content_left h3 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom:25px;
    }
    .pricing_content_left h4 {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 4px;
    }
}

@media (max-width: 450px){
.my_planHeader.my_plan1 {margin-right: 30px;margin-left: 30px;}
.my_planHeader.my_plan2 {margin-right: 30px;}
.cus_revw_para {font-size: 18px;line-height: 1.5;}
}

@media (max-width: 325px){
.my_planHeader.my_plan1 {margin-right: 15px;margin-left: 15px;}
.my_planHeader.my_plan2 {margin-right: 15px;}
}