@media (max-width: 1199px) {
.wrapper {max-width:96%;}
.masthead-fixed .site-main {width:96% !important; margin:0 auto !important;}
.contact_aria {width:100%;}
}

@media (max-width: 979px) {
#cssmenu > ul > li {border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:0 !important;}
#cssmenu > ul > li:last-child {border-bottom:1px solid #dcdcdc !important; border-right:1px solid #dcdcdc !important; border-left:1px solid #dcdcdc !important;}
#cssmenu > ul > li > a {padding:15px 1% !important;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li .active {border:none !important;}
.content-area {width:100% !important;}
.copyright {float:none !important; text-align:center; margin-bottom:2%;}
.footer_nav {float:none !important; text-align:center; margin:0 !important;}
}

@media (max-width: 768px) {
.navigation {width:100%;}
#cssmenu > ul > li > a {margin:0 !important;}
}

@media (max-width: 479px) {
.navigation-top ul li {font-size:13px; padding:0 8px; line-height:13px;}
#cssmenu {width:100% !important;}
#cssmenu #menu-button {width:100% !important;}
.header-top {background:#606062; padding:0;}
.navigation-top {display:none;}
.login-regi {display:none;}
.login-regi_mobile {width:100%; display:block; margin:0;}
.login-regi_mobile ul li {width:33%; text-align:center; padding:0;}
.login-regi_mobile ul li a {font-size:12px;}
.footer_nav ul li {border:none !important; display:inline-block !important; float:none !important; padding:0 !important; width:80% !important;}
.footer_nav ul li a {padding:5px 0 !important;}
.footer_nav ul li a:hover {background:#505050 !important; color:#fff !important;}
#vlightbox1 a {margin:5% !important; float:none !important;}
.mockup-form > div {width:100%; margin:0px;}
.thank-you ul li {margin:4% auto; width:80%; min-height:auto; float:none; overflow:hidden;}
.thank-you ul li:last-child {margin:2% auto;}
.thank-you ul li a {width:100%; min-height:auto;}
.thank-you ul li a p {min-height:auto; font-size:13px; line-height:normal; margin-bottom:10px;}
.thank-you ul li a .text p {min-height:auto; margin:14px 0;}
}

@media (max-width: 767px) {
.header-top .wrapper {padding-top:5px; padding-bottom:5px; color:#fff;}
.navigation-top ul li {color:#fff; border-right:1px solid #fff;}
#cssmenu {margin:0 !important; width:100% !important;}
#cssmenu #menu-button {width:auto !important;}
.header-top {background:#606062; padding:0;}
.login-regi {display:none;}
.login-regi_mobile {width:100%; display:none; margin:0;}
.login-regi_mobile ul li {width:33%; text-align:center; padding:0;}
.login-regi_mobile ul li a {font-size:12px;}
.form-bg {margin:0; padding:3% 0;}
#primary h2 a {line-height:normal !important;}
#primary .blog_img {width:100% !important;}
#primary .blog_cnt_area p {width:100% !important; margin-top:2% !important; padding:0 !important;}
.login_page .social ul li {width:100%; margin:2% 0; text-align:center;}
.login_page .register {min-height:auto;}
.login_page .submitbtn {width:100px;}
.login_page .login {width:85%; padding:4%; margin:0 auto 4%; float:none;}
.login_page .register {width:85%; padding:4%; margin:0 auto 4%; float:none; overflow:hidden;}
.img_block {margin:0 0 10px 0 !important;}
.img_block img {width:100%;}
#primary .blog_cnt_area {padding:5% !important;}
}

@media (min-width: 480px) and (max-width:767px) {
.form-bg h2 {font-size:26px; line-height:normal;}
.form-bg h2 p {font-size:13px; margin:0;}
.qetail_banner_slogan {padding:12% 0;}
.footer_nav ul li {border:none !important; display:inline-block !important; float:none !important; padding:0 !important; width:25% !important;}
.footer_nav ul li a {padding:5px 0 !important;}
.footer_nav ul li a:hover {background:#505050 !important; color:#fff !important;}
#vlightbox1 a {margin:2% !important; min-width:45% !important;}
}

@media (min-width: 480px) and (max-width:768px) {
.navigation-top ul li {font-size:13px; padding:0 8px; line-height:13px;}
#cssmenu {width:60%;}
.banner h1 {font-size:40px; line-height:normal; margin:5% 0 0 0;}
.mockup-form > div {float:left; margin:1.5% 2% 1.5% 1.5%; width:46%;}
.request-btn {margin:1.5% 0 0 1%; width:48% !important;}
.mockup-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {width:100%;}
.request-btn {width:49.5%; float:left; padding:9px 0;}
.platform-logo {margin:5% 0 0;}
.banner {height:auto;}
.service-section {margin:2% 0 0;}
.service-main ul li {margin:2%; width:46%; min-height:auto;}
.service-main ul li:last-child {margin:2%;}
.service-main ul li a {width:100%; min-height:auto;}
.service-main ul li a p {min-height:120px; font-size:13px; line-height:normal;}
.service-main ul li a .text {min-height:150px;}
.service-main ul li a .text p {min-height:auto; margin:14px 0;}
.login_page .social ul li {width:48%; margin:2% 2% 0 0;}
.login_page .social ul li img {width:100%;}
.thank-you ul li {margin:2%; width:46%; min-height:auto;}
.thank-you ul li:last-child {margin:2%;}
.thank-you ul li a {width:100%; min-height:auto;}
.thank-you ul li a p {min-height:100px; font-size:13px; line-height:normal;}
.thank-you ul li a .text p {min-height:auto; margin:14px 0;}
}

@media (min-width: 768px) and (max-width:979px) {
.login-regi {margin-top:18px;}
.qetail_banner_slogan {padding:5% 0;}
.aicon {margin-top:4%;}
.acctab p {width:145px; height:auto; min-height:130px;}
.acctab {height:auto;}
.accp {padding:9% 0 5%;}
.but_nowbtn {margin:9% 0 0 17px;}
.more_info {margin:9% 15px 0;}
.acleft {width:25%;}
.acright {width:65%; float:right; margin-right:2%;}
.acright p {min-height:auto !important;}
.login_page .social ul li {width:48%; margin:2% 2% 0 0;}
.login_page .social ul li img {width:100%;}
.login_page .register {min-height:264px;}
.login_page .submitbtn {width:100px;}
.footer_nav ul li {display:inline-block; float:none;}
#vlightbox1 a {min-width:30% !important;}
}

@media (min-width: 769px) and (max-width:979px) {
.navigation {width:79%;}
.banner h1 {font-size:40px; line-height:normal; margin:5% 0 0 0;}
.mockup-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {width:100%;}
.request-btn {font-size:14px; padding:13px 0; width:20%;}
.platform-logo {margin:5% 0 0;}
#cssmenu > ul > li > a {font-size:13px !important; margin:0 0 0 16px !important;}
.login-regi ul li {padding:0 12px; font-size:14px;}
.banner {height:auto;}
.service-section {margin:2% 0 0;}
.service-main ul li {margin:2%; width:46%; min-height:auto;}
.service-main ul li:last-child {margin:2%;}
.service-main ul li a {width:100%; min-height:auto;}
.service-main ul li a p {min-height:90px;}
.service-main ul li a .text p {min-height:auto; margin:14px 0;}
.thank-you ul li {margin:2%; width:46%; min-height:auto;}
.thank-you ul li:last-child {margin:2%;}
.thank-you ul li a {width:100%; min-height:auto;}
.thank-you ul li a p {min-height:90px;}
.thank-you ul li a .text p {min-height:auto; margin:14px 0;}
}

@media (min-width: 980px) and (max-width:991px) {
.acright {width:65%; float:right; margin-right:2%;}
.acright p {min-height:auto !important;}
}

@media (min-width: 980px) and (max-width:1199px) {
#secondary {width:25%; float:right; position:relative; clear:none !important;}
.navigation {width:81%;}
.login_page .social ul li {width:48%; margin:2% 2% 0 0;}
.login_page .social ul li img {width:100%;}
.login_page .register {min-height:285px;}
#cssmenu > ul > li > a {font-size:14px !important;}
.request-btn {font-size:17px; padding:11px 0; width:20%;}
.thank-you ul li {width:18.4%; margin:0 2% 0 0;}
.thank-you ul li a {width:100%;}
.thank-you ul li a p {min-height:150px;}
.thank-you ul li a .text p {min-height:auto; margin:14px 0;}
}

@media (min-width: 992px) and (max-width:1199px) {
#wrapper, .wrapper {max-width:96%;}
.platform-logo img {width:100%;}
.acright {width:65%; float:right; margin-right:2%;}
.acright p {min-height:auto !important;}
}

@media screen and (max-width:479px) {
body .social-top.for-desktop {text-align:center !important; width:100% !important; display:block;}
}