@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { }

@media only screen and (min-device-width : 600px) and (max-device-width : 767px) { }

@media only screen and (min-device-width : 481px) and (max-device-width : 599px) { 
     .toppad2xs{ padding-top:15px;}
    .toppad3xs{ padding-top:20px;}
    .toppad4xs{ padding-top:25px;}
    .toppad5xs{ padding-top:30px;}
    .toppad6xs{ padding-top:35px;}
    .toppad7xs{ padding-top:40px;}
    .toppad8xs{ padding-top:45px;}
    .lpad7xs{padding-left:15px}
    .maincontainer { width: 100%; margin: 0 auto;}
    header { height: 238px;}
    .banr1{width: 100%; text-align: center;}
    .banr2{width: 100%;}
    .banr2 h5{ width: 58%; margin: 0 auto;}
    .hdr1 h2{ top: 72%}
    .hdr1 .separator{ width: 20%; top: 73%;}
    .showsec div{ width: 100%;}
    .imgbg{width: 100%;}
    .ourgl{width: 100%; margin-bottom: 15px;}
    footer{height: 100%;}
    .ftr1, .ftr2, .ftr3{width: 100%;}
    .ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
    .bftr{text-align: center;}
    iframe{ width: 100%; height: 100%;}
    .prtnr{ width: 100%; float: none;}
    .cnbox{margin-bottom: 50px; padding: 22px 10px;}
    .hprtnr{ display: block;}
    .hprtnrbx { width: 100%;  text-align: center;  margin-left: 1px;}
    .ourglv{width: 100%; padding:10px 30px;}
    .cona1 { width: 32%;}
    .cona2 { padding-left: 15px;}
    .cona3 { padding-left: 15px;}
}

@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
     .toppad2xs{ padding-top:15px;}
    .toppad3xs{ padding-top:20px;}
    .toppad4xs{ padding-top:25px;}
    .toppad5xs{ padding-top:30px;}
    .toppad6xs{ padding-top:35px;}
    .toppad7xs{ padding-top:40px;}
    .toppad8xs{ padding-top:45px;}
    .lpad7xs{padding-left:15px}
    .maincontainer { width: 100%; margin: 0 auto;}
    header { height: 238px;}
    .banr1{width: 100%; text-align: center;}
    .banr2{width: 100%;}
    .banr2 h5{ width: 58%; margin: 0 auto;}
    .hdr1 h2{ top: 72%}
    .hdr1 .separator{ width: 20%; top: 73%;}
    .showsec div{ width: 100%;}
    .imgbg{width: 100%;}
    .ourgl{width: 100%; margin-bottom: 15px;}
    footer{height: 100%;}
    .ftr1, .ftr2, .ftr3{width: 100%;}
    .ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
    .bftr{text-align: center;}
    iframe{ width: 100%; height: 100%;}
    .prtnr{ width: 100%; float: none;}
    .cnbox{margin-bottom: 50px; padding: 22px 10px;}
    .hprtnr{ display: block;}
    .hprtnrbx { width: 100%;  text-align: center;  margin-left: 1px;}
    .ourglv{width: 100%; padding:10px 30px;}
    .cona1 { width: 32%;}
    .cona2 { padding-left: 15px;}
    .cona3 { padding-left: 15px;}
}

@media only screen and (min-device-width : 321px) and (max-device-width : 360px) { 
     .toppad2xs{ padding-top:15px;}
    .toppad3xs{ padding-top:20px;}
    .toppad4xs{ padding-top:25px;}
    .toppad5xs{ padding-top:30px;}
    .toppad6xs{ padding-top:35px;}
    .toppad7xs{ padding-top:40px;}
    .toppad8xs{ padding-top:45px;}
    .lpad7xs{padding-left:15px}
    .maincontainer { width: 100%; margin: 0 auto;}
    header { height: 238px;}
    .banr1{width: 100%; text-align: center;}
    .banr2{width: 100%;}
    .banr2 h5{ width: 58%; margin: 0 auto;}
    .hdr1 h2{ top: 72%}
    .hdr1 .separator{ width: 20%; top: 73%;}
    .showsec div{ width: 100%;}
    .imgbg{width: 100%;}
    .ourgl{width: 100%; margin-bottom: 15px;}
    footer{height: 100%;}
    .ftr1, .ftr2, .ftr3{width: 100%;}
    .ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
    .bftr{text-align: center;}
    iframe{ width: 100%; height: 100%;}
    .prtnr{ width: 100%; float: none;}
    .cnbox{margin-bottom: 50px; padding: 22px 10px;}
    .hprtnr{ display: block;}
    .hprtnrbx { width: 100%;  text-align: center;  margin-left: 1px;}
    .ourglv{width: 100%; padding:10px 30px;}
    .cona1 { width: 32%;}
    .cona2 { padding-left: 15px;}
    .cona3 { padding-left: 15px;}
}

@media only screen and (min-device-width : 0px) and (max-device-width : 320px) { 
    .toppad2xs{ padding-top:15px;}
    .toppad3xs{ padding-top:20px;}
    .toppad4xs{ padding-top:25px;}
    .toppad5xs{ padding-top:30px;}
    .toppad6xs{ padding-top:35px;}
    .toppad7xs{ padding-top:40px;}
    .toppad8xs{ padding-top:45px;}
    .lpad7xs{padding-left:15px}    
    .maincontainer { width: 100%; margin: 0 auto;}
    header { height: 238px;}
    .banr1{width: 100%; text-align: center;}
    .banr2{width: 100%;}
    .banr2 h5{ width: 58%; margin: 0 auto;}
    .hdr1 h2{ top: 72%}
    .hdr1 .separator{ width: 20%; top: 73%;}
    .showsec div{ width: 100%;}
    .imgbg{width: 100%;}
    .ourgl{width: 100%; margin-bottom: 15px;}
    footer{height: 100%;}
    .ftr1, .ftr2, .ftr3{width: 100%;}
    .ftr1, .ftr2{ padding: 0px; margin: 10px 0px;}
    .bftr{text-align: center;}
    iframe{ width: 100%; height: 100%;}
    .cnbox{margin-bottom: 50px; padding: 22px 10px;}
    .hprtnr{ display: block;}
    .hprtnrbx { width: 100%;  text-align: center;  margin-left: 1px;}
    .ourglv{width: 100%; padding:10px 30px;}
    .cona1 { width: 32%;}
    .cona2 { padding-left: 15px;}
    .cona3 { padding-left: 15px;}
    .cona3 h3 {line-height: 20px;}
    .cona3 p{margin-top: 10px;}
    .prtnr{ width: 100%;}
}