/* lg */ 
@media (max-width: 1920px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1366px) {

}
@media (max-width: 1280px) {

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
.btnyellow a {font-size:15px; padding:5px 10px;}
.selectionbox:after {width:30px; height:19px; top:-50px; right:-90px; background-size:100%;}
.selectionbox span {font-size:15px; padding:5px;}
/*.selectionbox:hover img {width:40%;}*/

}





@media (max-width: 990px) {
li {font-size:15px;}
.left {text-align:center;}
.right {text-align:center;}
.intro-section h1 {margin-top:175px;}
.eligibility-section li {padding:0;}
.selectionbox {width:16.5%; padding:0.5%;}
.selectionbox span {font-size:13px; padding:5px;}
/*.selectionbox img {width:30%;}
.selectionbox:hover img {width:25%;}*/
h4 {font-size:18px;}
.selectionbox:after {width:30px; height:19px; top:-70px; right:-60px; background-size:100%;}
}



@media (max-width: 800px) {
.selectionbox span {height:80px; float:left;}
}

@media (max-width: 768px) {

}

/* xs */
@media (max-width: 767px) {
.selectionbox:after {width:50px; height:31px; top:0; right:0; margin:20px 0; background-size:100%; transform: rotate(90deg); -ms-transform: rotate(90deg); /* IE 9 */  -webkit-transform: rotate(90deg); /* Safari 3-8 */}
.selectionbox span {font-size:15px;}
}


@media (max-width: 736px) {
.selection-section {height:180%;}
.process-section {height:230%;}
}

@media (max-width: 720px) {
.selection-section {height:180%;}
.process-section {height:180%;}
}

@media (max-width: 667px) {
.selection-section {height:200%;}
.process-section {height:230%;}
}

/* XS Portrait */
@media (max-width: 640px) {
.process-section {height:250%;}
}


@media (max-width: 600px) {
.selection-section {height:100%;}
.process-section {height:100%;}
}

@media (max-width: 568px) {


}

@media (max-width: 480px) {

}

@media (max-width: 414px) {
.selection-section {height:250%;}
.process-section {height:150%;}
.selectionbox {width:96%; padding:2%;}
.arrowicon {width:100%;}
.selectionbox span {height:50px; float:left;}
}

@media (max-width: 412px) {
.selection-section {height:240%;}
.process-section {height:130%;}
}

@media (min-width: 375px) and (max-width: 384px) {
.selection-section {height:290%;}
.process-section {height:170%;}
.selectiontable .col-xs-6 {height:70px;}
}

@media (max-width: 360px) {
.selection-section {height:290%;}
.process-section {height:170%;}
.selectiontable .col-xs-6 {height:70px;}
}

@media (max-width: 320px) {
.selection-section {height:350%;}
.process-section {height:210%;}
.selectiontable .col-xs-6 {height:100px;}
.about-section h1, .components-section h1, .eligibility-section h1, .selection-section h1, .process-section h1, .faq-section h1 {font-size:40px; line-height:45px;}
}