/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1600px) {
    .container {max-width: 1490px;}
}

@media (min-width: 1700px) and (max-width: 1799px) {
    .banner-wrp {padding: 120px 0 140px;}
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .banner-wrp {padding: 120px 0 140px;}
}

@media (min-width: 1500px) and (max-width: 1599px) {
    .banner-wrp {padding: 100px 0 120px;}
}

@media (min-width: 1400px) and (max-width: 1499px) {
    .banner-wrp {padding: 100px 0 120px;}
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .main-title { font-size: 46px; }
    .banner-list ul li { font-size: 34px; }
    .btn {padding: 12px 40px;}
    /* Common Style End */

    .banner-wrp::after {width: 70%;}
    .banner-wrp {padding: 90px 0 110px;}

    .benefits-main ul li { font-size: 24px; }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .main-title { font-size: 46px; }
    .banner-list ul li { font-size: 34px; }
    .btn {padding: 12px 40px;}
    /* Common Style End */

    .banner-wrp::after {width: 70%;}
    .banner-wrp {padding: 90px 0 110px;}

    .benefits-main ul li { font-size: 24px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .main-title { font-size: 42px; }
    .banner-list ul li { font-size: 30px; }
    .btn {padding: 12px 20px;}
    .banner-text { font-size: 26px; }
    .form-title { font-size: 21px; }
    /* Common Style End */

    .header {padding: 20px 0;}
    .header .navbar-brand {max-width: 210px;}
    .header.sticky_header .navbar-brand {max-width: 190px;}
    .content { padding: 102px 0 0; }

    .banner-wrp::after {width: 70%;}
    .banner-wrp {padding: 70px 0 90px;}

    .process-icon { max-width: 120px; margin: 0 auto 20px; }

    .sell-details-wrp { padding: 50px 0; }
    .sell-details-left .banner-text { font-size: 26px; }
    .sell-details-right {padding: 35px 30px;}

    .common-form .form-select, .common-form .form-control {font-size: 16px; padding: 14px 20px;}
    .common-form .form-select {background-size: 16px 14px; background-position: 89% center; padding: 14px 40px 14px 20px;}

    .benefits-main ul li { font-size: 22px; }
    .benefits-wrp { padding: 60px 0; }
    .benefits-main ul li span {width: 28px;} 

    .footer-block ul li span {margin: 0 0 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .main-title { font-size: 36px; }
    .banner-list ul li { font-size: 26px; }
    .btn {padding: 12px 40px;}
    .banner-text { font-size: 24px; }
    .form-title { font-size: 21px; }
    .process-detail { font-size: 18px; }
    /* Common Style End */

    .header {padding: 15px 0;}
    .header .navbar-brand {max-width: 200px;}
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; width: auto; padding: 9px 11px;}
    .header.sticky_header .navbar-brand {max-width: 180px;}
    .header.sticky_header { padding: 12px 0 8px; }
    .content { padding: 90px 0 0; }

    .banner-wrp::after {width: 70%;}
    .banner-wrp {padding: 60px 0 80px;}
    .banner-main .banner-list { margin: 0 0 15px; }

    .process-icon { max-width: 90px; margin: 0 auto 15px; }
    .process-wrp { margin: -40px 0 20px; }

    .sell-details-wrp { padding: 40px 0; }
    .sell-details-left .banner-text { font-size: 24px; margin: 0 0 30px; }
    .sell-details-right {padding: 35px 30px;}
    .sell-details-left {max-width: 100%; width: auto; margin: 0 0 50px;}
    .sell-details-left .process-detail p { margin: 0 0 30px; }

    .common-form .form-select, .common-form .form-control {font-size: 18px; padding: 14px 20px;}
    .common-form .form-select {background-size: 16px 14px; background-position: 92% center; padding: 14px 40px 14px 20px;}

    .benefits-main ul li { font-size: 20px; padding: 0 15px 10px; }
    .benefits-wrp { padding: 60px 0; }
    .benefits-main ul li span {width: 24px;} 

    .footer {padding: 40px 0 45px;}
    .footer-block ul li span {margin: 0 0 10px;}
}

@media (max-width: 767px) {
    /* Common Style Start */
    .main-title { font-size: 30px; }
    .banner-list ul li { font-size: 22px; }
    .btn {padding: 12px 20px;}
    .banner-text { font-size: 20px; }
    .form-title { font-size: 20px; }
    .process-detail { font-size: 18px; }
    /* Common Style End */

    .header {padding: 15px 0;}
    .header .navbar-brand {max-width: 160px;}
    .header .navbar-nav .nav-item .nav-link { font-size: 16px; margin: 0 auto; padding: 9px 11px;}
    .header .navbar-toggler {padding: 0; border: none; box-shadow: none; position: relative; z-index: 9;}
    .header .navbar-toggler span { width: 25px; height: 2px; background-color: #fff; margin-bottom: 5px; position: relative; display: block; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-toggler span:last-child {margin-bottom: 0;}
    .header .navbar-toggler:not(.collapsed) span:first-child { top: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
    .header .navbar-toggler:not(.collapsed) span:nth-child(2) {opacity: 0;}
    .header .navbar-toggler:not(.collapsed) span:last-child { top: -7px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
    .header .navbar-collapse { position: fixed; background-color: #4393a8; max-width: 100%; width: 100%; top: 0; right: -100%; bottom: 0; height: 100%; overflow: auto; padding: 90px 30px 40px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show {right: 0; height: auto;}
    .header .navbar-nav .nav-item { padding: 0 0 30px 0; }
    .header .navbar-collapse::after { content: ""; position: fixed; background-color: #4393a8; max-width: 100%; width: 100%; top: 0; right: -100%; height: 90px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; }
    .header .navbar-collapse.show::after {right: 0;}
    .header.sticky_header .navbar-brand {max-width: 140px;}
    .header.sticky_header { padding: 10px 0; }
    .content { padding: 77px 0 0; }

    .banner-wrp::after {width: 70%;}
    .banner-wrp {padding: 50px 0 80px;}
    .banner-main .banner-list { margin: 0 0 15px; }
    .banner-main .banner-list ul li { padding: 0 0 6px; }

    .process-icon { max-width: 80px; margin: 0 auto 15px; }
    .process-wrp { margin: -40px 0 20px; }
    .process-block {margin: 0 0 40px;}
    .process-main .row>*:last-child .process-block {margin-bottom: 0;}

    .sell-details-wrp { padding: 30px 0; }
    .sell-details-left .banner-text { font-size: 22px; margin: 0 0 25px; }
    .sell-details-right {padding: 22px;}
    .sell-details-left {max-width: 100%; width: auto; margin: 0 0 50px; text-align: left;}
    .sell-details-left .process-detail p { margin: 0 0 20px; }
    .sell-details-right .form-title { margin: 0 0 22px; }
    .sell-progress .banner-text {margin: 0 0 10px;}
    .sell-progress .progress {height: 22px;}
    .sell-progress { margin: 0 0 30px; }

    .common-form .form-select, .common-form .form-control { font-size: 16px; padding: 12px 15px; }
    .common-form .form-select {background-size: 14px 12px; background-position: 93% center; padding: 14px 50px 14px 20px;}
    .common-form .form-group { margin: 0 0 20px; }
    .form-btn .btn {display: block;}
    .form-btn .btn-white { max-width: 100%; }

    .benefits-main ul li { font-size: 18px; padding: 0 15px 10px; }
    .benefits-wrp { padding: 30px 0; }
    .benefits-main ul {margin: 0;}
    .benefits-main ul li span {width: 20px; margin: 0 5px 0 0;}  

    .footer {padding: 40px 0 20px;}
    .footer-address { display: block; }
    .footer-block {margin: 0 0 30px;}
    .footer-block ul li span {margin: 0 0 10px; display: block;}
}

/*---------- 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){
}