/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    .content {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        
    }
    .mainstep li {
        padding: 0;
        color: #d2d2d2;
        width: 68px;
        text-align: center;
    }
    .mainstep {
        
         right: 0; 
        left: 0; 
    }
    .align-item-custom{align-items:initial;}
    .mt-5px{margin-top: 5px;}
}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .content {
        margin-top: 53px;
        margin-left: 120px;
        margin-right: 120px;
        margin-bottom: 150px;
        
    }
    .mainstep li {
        padding: 0;
        color: #d2d2d2;
        width: 16%;
        text-align: center;
    }
    .mainstep {
        
         right: 120px; 
        left: 120px; 
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

@media(max-width:792px){
    .custom-row-plain .plan-box {
        margin: 17px 4px !important;
    }
    }

    @media(min-width:270px) and (max-width:552px){
        span.h2 {
            font-size: 14px;
        }
    }