﻿/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1400px){
.container { max-width: 1200px; }
}

@media (min-width: 1200px) and (max-width: 1399px){
}

@media (min-width: 992px) and (max-width: 1199px){
}

@media (min-width: 768px) and (max-width: 991px){
.block-title { font-size: 32px; }

/* home page */
.steps-block { padding: 15px; }
.steps-list .steps-block .form-left-side { padding-top: 0; }
.steps-list .form-left-side { text-align: left; }
.steps-list .form-right-side { padding-left: 20px; }
.steps-block .form-right-side { padding-right: 70px; }
/* home page */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
.block-title { font-size: 32px; }


/* home page */
.custom-navigation-section ul li a { padding: 6px 25px; }
.steps-block { padding: 15px; }
.steps-block .form-label { margin-bottom: 10px; }
.steps-list .steps-block .form-left-side { padding-top: 0; }
.steps-list .form-left-side { text-align: left; }
.steps-list .form-right-side { padding-left: 20px; }
.steps-block .form-right-side { padding-right: 50px; }
/* home page */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
/* home page */
.steps-block .form-check-list .form-check { width: calc(50% - 10px); }
.steps-block .form-check-list .form-check * { width: 100%; }
.steps-block .form-check-list .form-check .form-check-label { font-size: 13px; }
/* home page */
}

@media (max-width: 374px){
/* home page */
.steps-block .form-check-list .form-check { width: calc(100% - 10px); }
/* home page */
}
/*---------- Large Desktop , Large Screen End ----------*/
