﻿.index_container {    
    margin-bottom: 30px;
    margin-left:auto;
    margin-right:auto;
    padding: 0 75px;
    border:0px solid red;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
}
.index_container1 {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 75px;
    border: 0px solid red;
    text-align:center;
}
.fonttext {
        font-size: 15px !important;
    }
.fontlink {
    font-size: 16px !important;
}
.padding-right {
    padding-right: 17px !important
}

.index_container .box .border-bottom {
    border-bottom: 1px solid #c1c1c1;   
}
.backgroudcolorgray {
    background-color: #f1f1f1;
}

    .index_container .pb-10 {
        padding-bottom: 10px
    }
    .px-0{padding-left:0; padding-right:0 }
   
.btn.focus, .btn:focus, .btn:hover{color:#fff !important}
.index_container .box .heading {
    font-size: 1rem;
    margin: 5px 0;
    /*min-height: 60px;*/
    padding: 0 0 0 5px;
    font-weight: bold;
}

    .index_container .px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .index_container .img_pad {
        padding: 8px 8px 8px 7px;
        border-right: 1px solid #c1c1c1
    }
.text-blue{color:#1e2f5e}
.text-white{color:#555;}
.img-white{background:#f3f3f3; border:0px solid #1e2f5e; padding:5px; border-bottom:0;margin-right:10px;border-radius:0px 0px 0 0px ;min-height:59px;}
.apply_margin {
    display: inline-block;
    margin-left: 9px;
    padding: 3px 10px;
    /*border: 1px solid #c1c1c1;*/
    /*color: #444;*/
    color: #fff ;
    font-weight: 700;
    background-color: #1e2f5e;
}
    .apply_margin:hover {
        text-decoration: none;
        color: #fff !important;
    }
    .menu-left ul li a {
        border: 0px solid #1e2f5e;
        min-height: 59px;
        text-align: left;
        background: #f3f3f3;
        padding-top: 15px;
        border-radius: 0px
    }
.menu-left ul li a:hover{background:#1e2f5e;border-bottom:1px solid #f3f3f3}
.bullet {width:87%; margin:0 auto}
.bullet p{margin-left:44px}
.bullet ol {
    margin:0;
    padding: 0 0 0 36px;
}
.bullet ol li { line-height: 2.7; padding-left:10px}
.rounded-border {
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #f3f3f3;
    padding: 15px 10px
}

.border-white {
    border: 1px solid #fff;
    background: #1e2f5e;
    color:#fff;
    border-radius: 5px
}
.step_box{background:#f3f3f3;border:2px solid #1e2f5e}
.index_container .mx-10 {
    margin-left: 22px;
    margin-right: 22px
}

.index_container .ml-10 {
    margin-left: 30px
}

.btn:hover {
    color: #fff
}
mx-auto{margin-left:auto;margin-right:auto}
@media (min-width: 1200px)
{
    .rounded-border
    {
        width:auto;
    }
    .index_container, .index_container1 {
        padding: 0 75px;
    }
    .index_container .box {
        border: 1px solid #c1c1c1;
        min-height: 310px;
        max-width: 29%;
        margin: 20px;
    }
    .index_container .contend {
        margin-top: 20px;
        min-height: 188px;
        padding:0 9px;
    
    }
    .index_container .mx-10 {
        margin-left: 22px;
        margin-right: 22px;
    }
    .menu-left ul li a {
        font-size: 1.13rem
    }
}
@media (min-width: 1025px) and (max-width:1199px) {
    .rounded-border {
        width: auto;
    }
    .index_container, .index_container1 {
        padding: 0
    }

    .index_container .box {
        border: 1px solid #c1c1c1;
        min-height: 310px;
        max-width: 29%;
        margin: 20px;
    }

    .index_container .contend {
        margin-top: 20px;
        min-height: 188px;
        padding: 0 9px;
    }

    .index_container .mx-10 {
        margin-left: 22px;
        margin-right: 22px;
    }

    .menu-left ul li a {
        font-size: 1.13rem
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .container {
        max-width: 100%
    }
    .index_container{padding:0 70px}
    .rounded-border {
        width: 100%;
    }
    .index_container .box {
        border: 1px solid #c1c1c1;
        max-width: 42%;
        margin: 20px 17px;
        padding-bottom:10px;

    }

    

    .index_container .mx-10 {
        margin-left: 22px;
        margin-right: 22px;
    }

   
    .index_container .contend {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
        min-height: 211px;
        height:211px;
        padding: 0 9px;
    }

    .menu-left ul li a {
        font-size: 1.13rem
    }
}
@media (min-width: 568px) and (max-width:767px) {
    .container {
        max-width: 100%
    }
    .rounded-border {
        width: 100%;
    }
    .index_container .box {
        border: 1px solid #c1c1c1;
        min-height: 273px;
        max-width: 44%;
        margin: 20px;
    }



    .index_container .mx-10 {
        margin-left: 22px;
        margin-right: 22px;
    }



    .index_container .contend {
        margin-top: 20px;
        /*margin-bottom: 20px;*/
        min-height: 144px;
        padding: 0 9px;
    }

    .menu-left ul li a {
        font-size: 1.13rem
    }

}

@media (min-width: 480px) and (max-width:567px) {
    .index_container .col-sm-3 {
        max-width: 100%;
        margin: 10px auto;
        padding: 0;
    }

    .index_container {
        padding: 0
    }
    .rounded-border {
        width: 100%;
    }
        .index_container .box {
            border: 1px solid #c1c1c1;
            max-width: 100%;
            margin: 20px;
        }

    .bullet ol {
        margin-left: 10px
    }

    .container {
        max-width: 98%
    }

    .index_container .row {
        margin-left: 0;
        margin-right: 0;
    }

    .index_container .box .heading {
        margin-top: 15px;
        height: 50px;
    }

    .index_container .mx-10 {
        margin-left: 0;
        margin-right: 0
    }

    h4, .h4 {
        font-size: 1rem
    }

    .index_container .box {
        padding-bottom: 10px;
    }

    .index_container .contend {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 98%;
        min-height: 99px;
        padding-left: 10px;
    }


    .menu-left ul li a {
        font-size: 100%;
        padding: 1.15rem .66rem;
        min-height: 59px;
    }


    .col-sm-3 a {
        margin-left: 10px
    }

    .img-white {
        min-height: 59px;
      
    }

    .menu-left ul li a {
        min-height: 60px;
    }
}


@media (min-width: 320px) and (max-width:479px) {

.index_container {
    padding: 0
}
    .rounded-border {
        width: 100%;
    }
.index_container .box {
     border: 1px solid #c1c1c1;
     min-height: 265px;
     max-width: 100%;
     margin: 20px;
    
}


.bullet ol {
    margin-left: 10px
}


.container {
   max-width: 98% 
}

.index_container .row {
     margin-left: 0;
     margin-right: 0;
    
}



.index_container .box .heading {
    font-size: .85rem;
    margin-top: 15px;
    height: 50px;
   
}



.index_container .mx-10 {
     margin-left: 0;
     margin-right: 0;
}


h4, .h4 {
    font-size: 1rem
}


.index_container .box {
    padding-bottom: 10px;
}


.index_container .contend {
     margin-top: 20px;
     margin-bottom: 20px;
     width: 98%;
     min-height: 99px;
     padding-left: 10px;
}
    .menu-left ul li a {
        font-size: 100%;
        padding: 1.15rem .66rem;
        min-height: 59px;
       
    }
    .col-sm-3 a{margin-left:10px}

    .img-white {
              min-height: 59px;
    }

    .menu-left ul li a {
        min-height: 60px;
       
    }
   
}
