@media (min-width: 769px) and (max-width: 1400px) {
      
    }
/* For Screen Higher than 1400px */ 
@media (min-width: 1401px) {
  
} 
@media only screen and (min-width: 1122px) {
    .home {height: 100vh;}
}

@media (min-width: 414px) and  (max-width: 559px) { 

}

@media (min-width: 375px) and  (max-width: 413px) {

}

@media (min-width: 360px) and  (max-width: 374px) { 

}

@media (min-width: 300px) and  (max-width: 359px) {

}
@media (min-width: 320px) and (max-width: 767px) {
.home {background: url(../images/h-m-bg.png);background-repeat: no-repeat;background-size:100% 100%!important;height: 100vh;}
.home-content {padding: 7% 0px;}
.logo img {max-width: 145px;}
.qiz-logo img {max-width: 23vh;}
.discription {margin: 0px auto;max-width: 380px;}
.discription h4 {font-size: 26px; line-height: 32px;}
.discription h4 span {max-width: 264px;display: inline-block;}
.bag img {max-width: 22vh;}
.question {background: url(../images/h-m-bg2.jpg);background-repeat: no-repeat;background-size:100% 100%!important;height: 100vh;}
.card-sec{display: inherit;}
.card1{width: 100%;}
.frm-bg {background: url(../images/h-m-bg.png);background-repeat: no-repeat;background-size:100% 100%!important;height: 100vh;}
.question1 h4 br{ display: none; }
.qs-h {margin: 3% auto 4%;min-height: auto;max-width: 82%;}
.question1 h4 {font-size: 20px;line-height: 29px;}
.question .home-content {padding: 7% 0px 0;}
.card1 {margin: 8px 0 0 0;}
.discription h4 p {margin: 0 0 10px 0;}
.card-sec{ margin: 0; }
}
@media (min-width: 641px) and (max-width: 767px) {
.crd-hr{max-width: 60%;margin: 0 auto;}
.card-sec{margin-bottom: 6%;}
}
@media (min-width: 481px) and (max-width: 640px) {
.crd-hr{max-width: 80%;margin: 0 auto;}
.term {position: absolute;left: 0;right: 0;bottom: 8px;}
.term a{color: #fff;font-size: 11px;}
}
@media (min-width: 320px) and (max-width: 480px) {
    .container{
        max-width: 90%;
    }
.home {background: url(../images/h-m-bg.png);background-repeat: no-repeat;background-size:100% 100%!important;height: 100vh;}
.home-content {padding: 12% 0px;}
.logo img {max-width: 165px;}
.qiz-logo img {max-width: 25vh;}
.discription {margin: 0px auto;max-width:290px;}
.discription h4 {font-size: 18px; line-height: 26px;}
.discription h4 span {max-width: 262px;display: inline-block;}
.bag img {max-width: 18vh;}
.get-btn {padding: 11px 14px;font-size: 17px;max-width: 227px;}
.dis-title h3{font-size: 22px;}
.hc-2 .logo img {max-width: 145px;}
.discription.dis-large h4 {font-size: 14px; line-height: 16px;}
.hc-2 .dis-title {margin: 10px 0 10px;}
.hc-2 .bag {margin: 5px 0px; }
.card-sec{display: inherit;}
.card1{width: 100%;}
.qs-h { margin: 3% auto 6%;min-height: auto;max-width: 302px;}
.question1 h4 {font-size: 12px;line-height: 16px;}
.question1 h4 br {display: none;}
.question1 h3{font-size: 25px;}
.question .home-content { padding: 10% 0px 0;}
.term {position: absolute;left: 0;right: 0;bottom: 1px;}
.term a{ color: #fff; font-size: 11px;}
.card-box p {bottom: 4px; font-size: 14px;width: 65%;line-height: 15px;}
.c-info p br{display: none;}
.c-info p {font-size: 13px;max-width: 88%;    margin: 0 auto;}
.question1.frm-content{margin: 22% 0px 33px;}
.question1.frm-content h4 br{display: block;}
.qiz-logo img {margin: 12px 0 12px;}
}
/* iPhone X and Xs Max */
@media only screen 
    and (min-device-width: 375px) and (min-device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { 
    /* styles */
    .home {height: 70vh;}
}
/*start iphone7*/
@media (max-width: 375px) and  (max-height:667px) {
.home-content {padding: 10% 0px 5%;}
.qiz-logo {margin: 10px 0px 0px;}
.logo img {max-width: 120px;}
.discription h4 { font-size: 18px;line-height: 24px;}
.bag img {max-width: 16vh;}
.main-container {height: 100%;}
.card-box img{
	    max-width: 90%!important;
}
/* .home {height: 100vh!important;} */
}

@media screen and (min-width:667px){
.term a{
    padding: 8px 0;
    color: #000;
}
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
	.card-box img{
	    max-width: 90%!important;
}
.home-content {padding: 10% 0px 5%;}
.qiz-logo {margin: 10px 0px 0px;}
.logo img {max-width: 120px;}
.discription h4 { font-size: 18px;line-height: 20px;}
.bag img {max-width: 18vh;}
.main-container {height: 100%;}
.home {height: 100%!important; min-height: calc(100vh);} 
.question1 h4{font-size: 14px; line-height: 18px;}
.qs-h {margin: 0% auto 3%;max-width: 262px;}
.question{height: 100%!important; min-height: calc(100vh);}
.crd-hr {width:100%; margin: 0 auto;}
.crd-hr img{height: 55px;}
.question1.frm-content {margin: 10% 0px 20px;}
.frm-bg{  height:100%  !important;
    min-height: calc(100vh - 0px);}
.discription.dis-large h4 {font-size: 12px;line-height: 15px;}
.discription.dis-large{max-width: 265px}
.hc-2 .bag img {max-width: 18vh;}
.modal-content {margin: 42px auto 0;}
.full-container{    width: auto;
    max-width: 100%;
    padding: 0 13px;}
.discription h4 p {margin: 0 0 4px 0;}
.term a{color: #fff;}
}
/*end iphone7*/

/*Galaxy S7 and S8 */
@media only screen and (min-device-width : 360px) and (max-device-width : 640px){

.discription.dis-large h4 {font-size: 12px;line-height: 15px;}
.discription.dis-large{max-width: 265px}
.hc-2 .bag img {max-width: 16vh;}
.discription h4 { font-size: 20px;line-height: 22px;}
.question1.frm-content h4{font-size: 14px;line-height: 18px;}
.question1.frm-content {margin: 10% 0px 20px;}
.frm-bg {height: 91vh;}
.question1 h4{font-size: 14px; line-height: 17px;}
.qs-h {margin: 0% auto 3%;max-width: 262px;}
/*.card-box img {max-width: 86%;}*/
.modal-content {margin: 42px auto 0;}
}
@media (max-width: 320px) and  (max-height:568px) {
.logo img {max-width: 130px;}
.qiz-logo {margin: 10px 0px 0px;padding: 0px;}
.discription { max-width: 250px;}
.discription h4 { font-size: 16px;line-height: 20px;}
.discription h4 span {max-width: 168px;}
.get-btn {padding: 9px 14px;font-size: 14px;max-width: 163px;}
.modal-content {margin: 42px auto 0;}
.hc-2 .bag img {max-width: 12vh;}
.discription h4 p {margin: 0 0 4px 0;}
}

/*samsung s9 plus*/
@media only screen and (min-width: 360px) and (max-width: 767px) { 
 .home {background: url(../images/h-m-bg.png);background-repeat: no-repeat;background-size:100% 100%!important;height: 93vh;}
 .question{height: 100%; min-height: calc(100vh);}
 .frm-bg {height: 100%;}
 .modal-content {margin: 42px auto 0;}
}

/*iphone6s plus*/
@media only screen and (min-width: 414px) and (max-width: 767px) { 
 .home-content {padding: 10% 0px 5%;}
.qiz-logo {margin: 10px 0px 0px;}
.logo img {max-width: 120px;}
.discription h4 { font-size: 16px;line-height: 20px;}
.bag img {max-width: 16vh;}
.main-container {height: 100%;}
.home {height: 100%; min-height: calc(100vh);}
.modal-content {margin: 42px auto 0;}
}

@media screen (min-width:1024px){
    .home-content
     {padding: 125px 0 13px 0;}
}
@media screen and (min-width:768px) and (max-width:1024px){
    .frm-bg{
        height: 100%;
        min-height: calc(100vh);
    }
    .home-content
     {padding: 0 0 13px 0;}
     .frm-content h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .frm-content h3 {
        margin-bottom: 3px;
    }
    .term a {
        color: #000;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.bag img {max-width: 16vh;}
.home-content {padding: 74px 0px 0px;}
.bag {margin: 10px 0px 10px;}
.question {padding: 70px 0;}
.full-container {width: 100%;}
.card-box p {bottom: 5px;font-size: 20px;line-height: 25px;}
/**********
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 */
.home-content {padding: 190px 0px 5%;}
.qiz-logo {margin: 10px 0px 0px;}
.logo img {max-width: 120px;}
.discription h4 { font-size: 24px;line-height: 30px;max-width:85%;margin:10px auto;}
.bag img {max-width: 18vh;}
.main-container {height: 100%;}
.home {height: 94vh;}
.term {bottom: 3px;}
.card-box p {bottom: 0px;font-size: 20px;line-height: 25px;}
.modal-content {margin: 42px auto 0;}
.qiz-logo img {margin: 25px 0 0;max-width: 32vh;}
.question{height: 94vh;}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.home-content {padding: 8% 0px 5%;}
.qiz-logo {margin: 10px 0px 0px;}
.logo img {max-width: 120px;}
.bag { margin: 15px 0px 0px;}
.discription h4 { 
    font-size: 16px;
    line-height: 18px;}
.bag img {
    max-width: 12vh !important;}
.main-container {
    height: 100%;}
.home {
    height: 86vh;}
}


@media screen and (min-width: 667px) {
    height: 100% !important;
}
@media screen and(min-width: 375px) {
    height : 100vh !important;
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 Samsung Galaxy S7 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
@media only screen and (min-device-width: 360px) and (max-device-height: 767px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.home {
    height: 60vh;
}
}