#breadcrumb{padding:0}
#sub-head-thank{line-height:30px;margin:15px 0}
@media ( min-width :1200px) {
.pages{position:relative;padding:2px 2px 2px 0;float:left;margin:15px 20px 10px 0;font-size:14px;text-shadow:1px 1px 1px #fff}
.pages p{text-align:right}
.pages p span{padding:2px 6px;border:1px solid #ddd;margin:0;color:#888;margin:0 0 0 5px}
.pages p span.current{padding:2px 6px;color:#3b5998;color:#333;font-weight:700;border:1px solid #ddd;margin:0 0 0 5px}
.pages p a,.pages p a:visited{padding:2px 6px;background:#eff7ff;color:#069;border:1px solid #c2d9ef;margin:0 0 0 5px;-moz-border-radius:1px;-webkit-border-radius:1px}
.pages p a:hover,.pages p span a:hover{text-decoration:none;background:#fff}
}
@media only screen and (min-width:768px) and (max-width:1199px) {
.pages p{text-align:right}
.pages p span{padding:2px 6px;border:1px solid #ddd;margin:0 0 0 5px;color:#888}
.pages p span.current{padding:2px 6px;color:#3b5998;color:#333;font-weight:700;border:1px solid #ddd;margin:0 0 0 5px}
.pages p a,.pages p a:visited{padding:2px 6px;background:#eff7ff;color:#069;border:1px solid #c2d9ef;margin:0 0 0 5px;-moz-border-radius:1px;-webkit-border-radius:1px}
.pages p a:hover,.pages p span a:hover{text-decoration:none;background:#fff}
.recent_course_div{height:140px;margin-bottom:10px}
.pagenation_div{height:50px}
.pages p a{display:none!important}
.pages p a:last-child{display:inline!important}
.pages p a:first-child{display:inline!important}
}
@media only screen and (min-width:481px) and (max-width:767px) {
.pages{position:relative;padding:2px 2px 2px 0;float:left;margin:15px 20px 10px 0;font-size:14px;text-shadow:1px 1px 1px #fff}
.pages p{text-align:right}
.pages p span{padding:2px 6px;border:1px solid #ddd;margin:0;color:#888}
.pages p span.current{padding:2px 6px;color:#3b5998;color:#333;font-weight:700;border:1px solid #ddd;margin:0 0 0 5px}
.pages p a,.pages p a:visited{padding:2px 6px;background:#eff7ff;color:#069;border:1px solid #c2d9ef;margin:0 0 0 5px;-moz-border-radius:1px;-webkit-border-radius:1px}
.pages p a:hover,.pages p span a:hover{text-decoration:none;background:#fff}
.recent_course_div{height:140px;margin-bottom:10px}
.pagenation_div{height:50px}
.pages p a{display:none!important}
.pages p a:last-child{display:inline!important}
.pages p a:first-child{display:inline!important}
}
@media only screen and (min-width:321px) and (max-width:480px) {
.pages{position:relative;padding:2px 2px 2px 0;float:left;margin:15px 20px 10px 0;font-size:14px;text-shadow:1px 1px 1px #fff}
.pages p{text-align:right}
.pages p span{padding:2px 6px;border:1px solid #ddd;margin:0;color:#888}
.pages p span.current{padding:2px 6px;color:#3b5998;color:#333;font-weight:700;border:1px solid #ddd;margin:0 0 0 5px}
.pages p a,.pages p a:visited{padding:2px 6px;background:#eff7ff;color:#069;border:1px solid #c2d9ef;margin:0 0 0 5px;-moz-border-radius:1px;-webkit-border-radius:1px}
.pages p a:hover,.pages p span a:hover{text-decoration:none;background:#fff}
.recent_course_div{height:140px;margin-bottom:10px}
.pagenation_div{height:50px}
.pages p a{display:none!important}
.pages p a:last-child{display:inline!important}
.pages p a:first-child{display:inline!important}
}
@media only screen and (min-width:0) and (max-width:320px) {
.pages{position:relative;padding:2px 2px 2px 0;float:left;margin:15px 20px 10px 0;font-size:14px;text-shadow:1px 1px 1px #fff}
.pages p{text-align:right}
.pages p span{padding:2px 6px;border:1px solid #ddd;margin:0;color:#888}
.pages p span.current{padding:2px 6px;color:#3b5998;color:#333;font-weight:700;border:1px solid #ddd;margin:0 0 0 5px}
.pages p a,.pages p a:visited{padding:2px 6px;background:#eff7ff;color:#069;border:1px solid #c2d9ef;margin:0 0 0 5px;-moz-border-radius:1px;-webkit-border-radius:1px}
.pages p a:hover,.pages p span a:hover{text-decoration:none;background:#fff}
.recent_course_div{height:140px;margin-bottom:10px}
.pagenation_div{height:50px}
.pages p a{display:none!important}
.pages p a:last-child{display:inline!important}
.pages p a:first-child{display:inline!important}
}
@media (max-width: 550px) {
#sub-head-thank{font-size:14px!important}
}
@media(max-width:767px) {
#head-thank{font-size:26px!important}
.tabmenu{overflow-y:hidden}
#breadcrumb{display:none}
.stroires_cont{padding:15px 0 0!important}
.stroires_cont h1{line-height:25px}
#sub-head-thank{margin-bottom:20px!important}
.template-heading{margin:25px 0 5px}
}
@media only screen and (min-width :1825px) and (max-width :5000px) {
.tabiframe{left:33%}
.mobileiframe{left:40%}
}
@media only screen and (min-width :1374px) and (max-width :1824px) {
.tabiframe{left:29%}
.mobileiframe{left:35%}
}
@media only screen and (min-width :1023px) and (max-width :1373px) {
.tabiframe{left:24%}
.mobileiframe{left:34%}
}
@media only screen and (min-width :768px) and (max-width :1024px) {
.tabiframe{left:24%}
.mobileiframe{left:38%}
}
@media only screen and (min-width :481px) and (max-width :767px) {
.tabiframe{left:24%}
.mobileiframe{left:38%}
.switch-toggle{margin:auto!important}
}
@media only screen and (min-width :301px) and (max-width :480px) {
.tabiframe{left:24%}
.mobileiframe{left:38%}
.switch-toggle{margin:auto!important}
}
@media only screen and (min-width :0) and (max-width :300px) {
.tabiframe{left:24%}
.mobileiframe{left:38%}
.switch-toggle{margin:auto!important}
}
.slide{float:right;position:fixed;width:80%;height:100%;background-color:#FFF;right:-100%;z-index:1000;top:0;box-shadow:-5px 0 5px -3px #ccc;z-index:999999;transition:right .75s ease!important}
@media only screen and (max-width: 767px) {
.slide{width:100%!important}
}
.iframe_slide{float:left;width:100%;position:relative;bottom:0;height:100%}
.slideiframe{float:left;width:100%;height:auto}
.slideheader{float:left;width:100%;height:70px;border-bottom:1px solid #eee}
.mob{float:left;width:39px;height:48px;position:relative;top:10px;left:37px;background-image:url(../png/responsive_system_icon_sprite-2.png);background-position:-7px -1px;cursor:pointer}
.mob:hover{background-position:-7px -48px}
.mob_selected{background-position:-7px -48px!important}
.tablet{float:left;width:39px;height:48px;position:relative;top:10px;left:65px;background-position:-7px -95px;cursor:pointer;background-image:url(../png/responsive_system_icon_sprite-2.png)}
.tablet:hover{background-position:-7px -141px}
.tablet_selected{background-position:-7px -141px!important}
.monitor{background-image:url(../png/responsive_system_icon_sprite-2.png);float:left;width:39px;height:48px;position:relative;top:10px;left:99px;background-position:-7px -188px;cursor:pointer}
.monitor:hover{background-position:-7px -235px}
.monitor_selected{background-position:-7px -235px!important}
.mobileiframe{position:relative;background-image:url(../png/mobile_device-2.png);float:left;width:370px;height:700px;background-repeat:no-repeat;background-position:0;top:7%}
.mob_slideiframe{width:318px;position:relative;top:113px;left:30px;height:509px}
.tabiframe{position:relative;background-image:url(../png/tab_device_light_verson-2.png);float:left;width:600px;height:700px;background-repeat:no-repeat;background-position:0;top:7%}
.mob_slideiframe{float:left;height:538px;display:block;position:relative;left:29px;top:84px}
.tab_slideiframe{float:left;width:510px;height:566px;display:block;position:relative;left:43px;top:63px;overflow:hidden}
.close_slide{background-image:url(../png/close-btn-2.png);float:right;width:39px;height:48px;position:relative;top:27px;cursor:pointer;background-repeat:no-repeat;cursor:pointer;right:28px}
#loader1{float:left;position:absolute;top:365px;left:180px;z-index:100000}
#loader2{float:left;position:absolute;top:360px;left:309px;z-index:100000}
#loader3{float:left;position:absolute;top:48%;left:51%;z-index:100000}
.use_course{float:right;position:relative;right:58px;top:24%;text-align:center;background:#3c8ac9;color:#FFF;cursor:pointer;font-size:14px;padding:8px 20px;border-radius:4px;transition:all .3s ease-in 0}
.use_course:hover{background:#337ab4}