body {
  font-size: 1.4rem;
}
.only-tablet {
  display: none;
}
.only-mobile {
  display: block;
}
.no-desktop {
  display: block;
}
.no-tablet {
  display: block;
}
.no-mobile {
  display: none;
}
.profile dt {
  width: 100% !important;
}
.contact .contact-image {
  float: right !important;
}
.contact .contact-address {
  clear: both !important;
  padding-top: 20px !important;
}
.contact-details,
.contact .contact-form input,
.contact .contact-form textarea {
  width: 100% !important;
}
.contact-details,
.contact-image {
  margin: 0;
  width: 100% !important;
}
.contact-form dl {
  width: 100%;
}
fieldset.word #search-searchword,
fieldset.word .inputbox {
  width: 50%;
}
fieldset.phrases .ordering-box,
fieldset.only input[type="checkbox"],
fieldset.phrases input[type="radio"] {
  clear: both;
}
#member-registration dd {
  clear: both !important;
  display: block !important;
}
fieldset {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden;
}
#qnpMainbody table:before {
  content: "Scroll horizontally to view the whole table";
  height: 14px;
  width: 100%;
  display: block;
  font-size: 10px;
  margin-top: -30px;
  margin-bottom: 10px;
  font-family: Arial, sans-serif;
}
#qnpMainbody table {
  width: 540px !important;
  display: block !important;
  padding: 30px 0 20px 0;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
#qnpMainbody table tbody,
#qnpMainbody table thead,
#qnpMainbody table tfoot {
  width: 540px !important;
  display: table;
}
@media only screen and (max-width: 480px) {
  #qnpMainbody table {
    width: 420px !important;
  }
}
@media only screen and (max-width: 440px) {
  #qnpMainbody table {
    width: 260px !important;
  }
}
.box.qnpmod-1,
.box.qnpmod-2,
.box.qnpmod-3,
.box.qnpmod-4,
.box.qnpmod-more {
  float: right !important;
}
.box.qnpmod-1,
.box.qnpmod-2,
.box.qnpmod-3,
.box.qnpmod-4,
.box.qnpmod-more {
  width: 100% !important;
}
.box.qnpmod-more.qnpmod-last-1:last-child,
.box.qnpmod-more.qnpmod-last-2:last-child,
.box.qnpmod-more.qnpmod-last-2:nth-last-child(2),
#qnpPageWrap .box.qnpmod-more.qnpmod-last-3:last-child,
#qnpPageWrap .box.qnpmod-more.qnpmod-last-3:nth-last-child(2),
#qnpPageWrap .box.qnpmod-more.qnpmod-last-3:nth-last-child(3) {
  width: 100% !important;
}
body #qnpPage .box {
  margin-bottom: 20px !important;
}
.qnpCols3 .box.qnpmod-more:nth-child(1n) {
  clear: both;
}
.qnpCols3 .box.qnpmod-1,
.qnpCols3 .box.qnpmod-2,
.qnpCols3 .box.qnpmod-3,
.qnpCols3 .box.qnpmod-more,
.qnpCols3 .box.qnpmod-more.qnpmod-last-1:last-child,
.qnpCols3 .box.qnpmod-more.qnpmod-last-2:last-child,
.qnpCols3 .box.qnpmod-more.qnpmod-last-2:nth-last-child(2) {
  width: 100% !important;
}
body .qnpCols4 .box.qnpmod-more:nth-child(1n) {
  clear: both;
}
body .qnpCols4 .box.qnpmod-1,
body .qnpCols4 .box.qnpmod-2,
body .qnpCols4 .box.qnpmod-3,
body .qnpCols4 .box.qnpmod-4,
body .qnpCols4 .box.qnpmod-more,
body .qnpCols4 .box.qnpmod-more.qnpmod-last-1:last-child,
body .qnpCols4 .box.qnpmod-more.qnpmod-last-2:last-child,
body .qnpCols4 .box.qnpmod-more.qnpmod-last-2:nth-last-child(2),
body .qnpCols4 .box.qnpmod-more.qnpmod-last-3:last-child,
body .qnpCols4 .box.qnpmod-more.qnpmod-last-3:nth-last-child(2),
body .qnpCols4 .box.qnpmod-more.qnpmod-last-3:nth-last-child(3) {
  width: 100% !important;
}
body .qnpCols6 .box.qnpmod-more:nth-child(1n) {
  clear: both;
}
body .qnpCols6 .box.qnpmod-1,
body .qnpCols6 .box.qnpmod-2,
body .qnpCols6 .box.qnpmod-3,
body .qnpCols6 .box.qnpmod-4,
body .qnpCols6 .box.qnpmod-more,
body .qnpCols6 .box.qnpmod-5,
body .qnpCols6 .box.qnpmod-more,
body .qnpCols6 .box.qnpmod-6,
body .qnpCols6 .box.qnpmod-more,
body .qnpCols6 .box.qnpmod-more.qnpmod-last-1:last-child,
body .qnpCols6 .box.qnpmod-more.qnpmod-last-2:last-child,
body .qnpCols6 .box.qnpmod-more.qnpmod-last-2:nth-last-child(2),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-3:last-child,
body .qnpCols6 .box.qnpmod-more.qnpmod-last-3:nth-last-child(2),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-3:nth-last-child(3),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-4:last-child,
body .qnpCols6 .box.qnpmod-more.qnpmod-last-4:nth-last-child(2),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-4:nth-last-child(3),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-4:nth-last-child(4),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-5:last-child,
body .qnpCols6 .box.qnpmod-more.qnpmod-last-5:nth-last-child(2),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-5:nth-last-child(3),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-5:nth-last-child(4),
body .qnpCols6 .box.qnpmod-more.qnpmod-last-5:nth-last-child(5) {
  width: 100% !important;
}
.nspArtPage .nspArt {
  width: 100% !important;
}
#qnpSocialAPI {
  overflow: hidden;
}
.cols-2 .column-2,
.cols-3 .column-3 {
  padding: 0 !important;
}
.itemComments .itemCommentsList li img {
  float: right;
  margin-right: 0;
  margin-left: 10px;
  position: static;
}
.itemCommentsList li h3 {
  float: none;
  margin-top: 5px;
}
#qnpMainbody .registration {
  width: 100%;
}
.box.header .nspImageWrapper h4 {
  font-size: 14px !important;
}
.nspArts,
.nspLinksWrap {
  clear: both;
  float: right !important;
  width: 100% !important;
}
fieldset.word #search-searchword,
fieldset.word .inputbox {
  width: 46%;
}
dl#tabs dt.tabs,
dl.tabs dt.tabs,
dl#tabs dt.tabs a,
dl.tabs dt.tabs a {
  clear: both;
  width: 100%;
}
.qnpTabsNav li {
  margin: 4px 0 !important;
  width: 100%;
}
#qnpHeaderMod h1,
#qnpHeaderMod h2 {
  font-size: 2rem;
  line-height: 1.2;
}
#qnpHeaderMod h2 {
  font-size: 1.4rem;
}
#qnpHeaderMod .btn-border {
  margin: 2rem 0 0 0;
}
.qnp-cols {
  display: block !important;
  margin: 0 !important;
}
.qnp-cols > div {
  display: block !important;
  margin-bottom: 20px !important;
  text-align: right !important;
  width: 100% !important;
}
.box.newsletter input {
  margin: 2px 0;
  max-width: 100% !important;
  width: 100% !important;
}
.box.testimonials {
  padding: 3rem 0 !important;
}
.qnp-testimonials p {
  font-size: 1.2rem;
  line-height: 1.6;
}
.box.very-big-spaces {
  padding: 15rem 0 !important;
}
.transparent-tabs .qnpTabsNav {
  top: 80px;
}
.transparent-tabs .qnpTabsNav li {
  line-height: 4.8rem;
}
.transparent-tabs .qnpTabsItem > .box {
  padding-top: 250px !important;
}
.qnp-features img {
  width: 100%;
}
.qnp-price-table {
  margin: 2rem;
}
.qnp-price-table > dl {
  margin: 1.5% 0 !important;
  width: 100% !important;
}
.qnp-desc dl > dt,
.qnp-desc dl > dd {
  width: 100% !important;
}
.qnp-desc dl > dd {
  padding: 1rem 1rem 2rem 0;
}
.qnp-counters > .qnp-counter {
  margin: 1rem 0;
}
.qnp-counters > .qnp-counter > span {
  font-size: 4rem;
}
.qnp-big-text {
  padding: 6rem 0;
}
.contact > div {
  padding: 0 0 20px 0 !important;
  width: 100% !important;
}
.qnp-social-icons-block {
  font-size: 2rem;
  padding: 2.4rem 0 0 0;
}
.login,
.registration,
.reset,
.remind {
  padding: 1.2rem;
}
.login li,
.registration li,
.reset li,
.remind li {
  margin: 1rem 0;
  width: 99%;
}
.login li.last a,
.registration li.last a,
.reset li.last a,
.remind li.last a {
  margin-left: 0;
}
.single-page > .header .item-title-wrap,
.blog-page > .header .item-title-wrap {
  top: 64%;
}
.single-page > .header .item-desc,
.single-page > .header .item-category,
.blog-page > .header .item-desc,
.blog-page > .header .item-category {
  font-size: 1.4rem;
}
.blog-page .item-list .item-view {
  margin: 0 0 6rem 0;
}
.item-info li {
  display: block;
  margin: 0;
  padding: 0;
}
.item-info li:before {
  display: none;
}
.blog-page .cat-item-image {
  margin: 3.2rem auto 2.4rem auto;
}
.itemCommentsForm textarea,
.itemCommentsForm .inputbox {
  width: 100%;
}
.user-page .item-author-details {
  top: 64%;
  width: 90%;
}
.tag-page .item-list .item-view .item-info > span,
.user-page .item-list .item-view .item-info > span,
.latest-page .item-list .item-view .item-info > span,
.generic-page .item-list .item-view .item-info > span {
  display: block;
  margin-left: 0;
}
.tag-page .item-list .item-view,
.user-page .item-list .item-view,
.latest-page .item-list .item-view,
.generic-page .item-list .item-view {
  padding: 4rem 0;
}
.item-body .the-icons > li {
  width: 100% !important;
}
.item-body .the-icons > li:nth-child(1n),
.item-body .the-icons > li:last-child {
  border-left: 1px solid #e5e5e5;
}
fieldset.word #search-searchword,
fieldset.word .inputbox,
#searchForm .word input,
#searchForm .word button {
  width: 100% !important;
}
fieldset.only,
fieldset.phrases {
  padding: 5px;
}
fieldset.phrases .ordering-box,
fieldset.phrases label,
fieldset.only label {
  clear: both;
  display: block;
}
.single-page .header .item-title,
.blog-page .header .item-title {
  font-size: 2rem;
  letter-spacing: 2px;
}
.qnp-cols > div.col-m-width-5 {
  width: 5%;
}
.qnp-cols > div.col-m-width-10 {
  width: 10%;
}
.qnp-cols > div.col-m-width-15 {
  width: 15%;
}
.qnp-cols > div.col-m-width-20 {
  width: 20%;
}
.qnp-cols > div.col-m-width-25 {
  width: 25%;
}
.qnp-cols > div.col-m-width-30 {
  width: 30%;
}
.qnp-cols > div.col-m-width-35 {
  width: 35%;
}
.qnp-cols > div.col-m-width-40 {
  width: 40%;
}
.qnp-cols > div.col-m-width-45 {
  width: 45%;
}
.qnp-cols > div.col-m-width-50 {
  width: 50%;
}
.qnp-cols > div.col-m-width-55 {
  width: 55%;
}
.qnp-cols > div.col-m-width-60 {
  width: 60%;
}
.qnp-cols > div.col-m-width-65 {
  width: 65%;
}
.qnp-cols > div.col-m-width-70 {
  width: 70%;
}
.qnp-cols > div.col-m-width-75 {
  width: 75%;
}
.qnp-cols > div.col-m-width-80 {
  width: 80%;
}
.qnp-cols > div.col-m-width-85 {
  width: 85%;
}
.qnp-cols > div.col-m-width-90 {
  width: 90%;
}
.qnp-cols > div.col-m-width-95 {
  width: 95%;
}
/* #qnpLogo img {
  max-width: 150px;
} */
#qnp-login-popup input {
  height: 32px;
  line-height: 32px;
  margin: 0 0 5px 0;
  width: 100%;
}
#qnp-login-popup p {
  margin: 0;
}
#qnp-login-popup ul {
  margin: 5px 0;
}
#qnp-login-popup li {
  margin: 3px 0;
}
#qnp-login-popup button {
  height: 32px;
  line-height: 32px;
  padding: 0;
  width: 100%;
}
#qnp-login-popup .btn-border {
  padding: 6px;
}
#qnp-login-popup .login li.last {
  padding: 0;
}
#qnp-login-popup h3 {
  margin-bottom: 10px;
}
#qnp-login-popup-close {
  font-size: 2.4rem;
  left: 20px;
  top: 0px;
}
.search-page .header-content {
  -webkit-transform: translateX(50%) translateY(-25%);
  -moz-transform: translateX(50%) translateY(-25%);
  -ms-transform: translateX(50%) translateY(-25%);
  -o-transform: translateX(50%) translateY(-25%);
  transform: translateX(50%) translateY(-25%);
}
.search-page .btn-border {
  margin-top: 5px !important;
}
#search-form .btn-border {
  width: 99%;
}
.qnpTabsNav li {
  width: 100% !important;
}
.qnpTabsNav li:before {
  display: none;
}
#qnpLogo {
  max-width: 200px;
}
#qnpMobileMenu span {
  display: none;
}
#qnpHeaderNav .qnpMainMenu + #qnpMobileMenu {
  top: 0;
  width: 32px;
}
#qnpLang {
  right: 50%;
  top: 130px;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
}
#qnpHeaderNav.qnp-fixed-nav {
  height: 90px;
}
#qnpHeaderNav.qnp-fixed-nav #qnpTopInfo,
#qnpHeaderNav.qnp-fixed-nav #qnpLang {
  display: none;
}
.box .header {
  margin: 0 0 10px;
}
.qnp-cols > div {
  padding: 0;
}
#qnpSidebar .box {
  padding: 10px 0 !important;
}
h1 {
  font-size: 30px;
}
h2,
.affinityappheading,
.blog-page .item-list .item-view .item-title,
.single-page .item-title,
.blog-page .item-title {
  font-size: 24px;
  margin: 0 0 16px 0;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
.nspImageWrapper {
  padding: 0 !important;
  width: 100%;
}
.qnpResponsive img.nspImage,
img.nspImage.qnpResponsive {
  max-width: 100%;
  width: auto !important;
}
.qnpArtContentWrap {
  clear: both;
  padding-top: 20px;
  width: 100%;
}
cite {
  margin-top: 15px;
}
.item-body ul > li,
.list-1 > li,
.list-2 > li,
.list-3 > li {
  padding-right: 20px;
}
.item-body .itemTags {
  text-align: right;
}
#acymodifyform .acykey,
#acymodifyform .inputVal {
  width: 100% !important;
}
#acymodifyform div.acystatus,
#acymodifyform div.acyListInfo {
  width: 100% !important;
}
.single-page .header-wrap .item-social-icons {
  left: 50% !important;
  margin-left: -25px;
}
.item-body {
  margin: 20px 0 10px;
}
.single-page .item-info {
  margin-top: 40px;
}
blockquote {
  margin: 20px 0;
  padding: 0 20px 0 0;
}
.block-right,
.block-left,
.block-center {
  width: 100%;
}
.block-right {
  padding-right: 20px;
}
dl#tabs dt.tabs span h3,
dl.tabs dt.tabs span h3 {
  margin: 0;
}
.block-left {
  padding-left: 20px;
}
.qnp-review .qnp-review-sum {
  border-left: none;
  padding-left: 0;
  width: 100%;
}
.qnp-review .qnp-review-partials {
  padding-right: 0;
  width: 100%;
}
.qnp-review .qnp-review-partial {
  width: 50%;
  margin: 10px 0;
}
.itemAuthorContent {
  overflow: visible;
}
.itemAuthorContent ul li {
  padding: 10px 0 !important;
  width: 100% !important;
}
.itemAuthorLinks ul {
  margin: 0 !important;
}
.itemAuthorLinks ul li {
  border: none;
  border-top: 1px solid #e5e5e5;
}
#qnpSidebar {
  padding: 0 10px !important;
}
.vertical-list .qnpArtContentWrap {
  clear: none;
}
#qnpUser #qnp-login-submenu {
  left: -40px;
}
#qnpUser span {
  display: none;
}
.header-wrap.no-image {
  padding: 60px 0 0 0;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.header-wrap.no-image.social-open {
  padding: 150px 0 0 0;
}
.single-page .header-wrap.no-image .item-social-icons {
  top: 30px !important;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.single-page .header-wrap.no-image.social-open .item-social-icons {
  top: 90px !important;
}
@media (max-width: 540px) {
  #qnpSearch {
    /**display: none;*/
	z-index: 99999 !important;
  }
  .item-content img, header img, #afcontentContainer img {
	  
  }
  
  #qnpLogo img {
	      max-width: 100% !important;
		  object-fit: scale-down !important;  
  }
  
  #qnpLogo {
    /* max-width: 200px; */
}

}
.blog-page .item-list .item-view .item-image,
.blog-page .item-list .item-view .item-content {
  display: block;
  padding: 20px 0 !important;
  width: 100% !important;
}
.filter-search {
  text-align: center;
}
.filter-search select,
.filter-search button {
  margin: 0 0 10px 0 !important;
}
@media (max-width: 400px) {
  .subpage.login button,
  .subpage.login .button {
    margin: 5px 0 0 0;
    width: 100%;
  }
    #qnpSearch {
    /**display: none;*/
	z-index: 99999 !important;
  }
  .item-content img, header img, #afcontentContainer img {
	  
  }
  
  #qnpLogo img {
	      max-width: 100% !important;
		  object-fit: scale-down !important;  
  }
  
  #qnpLogo {
    /* max-width: 200px; */
}
}
.search button {
  margin-top: 5px !important;
}
.search .search-results ol li {
  padding: 5px 0 !important;
}
.contact #qnp-content-wrapper > div {
  padding: 0 0 30px 0 !important;
  width: 100%;
}
.user-page .item-author {
  padding: 20px;
}
.user-page .item-author h2 {
  font-size: 20px;
  margin: 0 0 10px 0;
}
.user-page .item-author .item-author-avatar {
  margin: 0px 0 0 15px;
  max-width: 50px !important;
}
.blog-page .item-list .item-view .item-image + .item-content .item-footer {
  right: 0 !important;
}
.nsp-switch .qnpArtContentWrap {
  min-height: 10px;
}
.qnpNspPM-VideoList .qnpItem {
  margin-bottom: 10px;
}
.box .qnpTabsNav {
  border-bottom: none !important;
}
.box .qnpTabsNav li {
  border-bottom: 1px solid #ccc;
  margin: 0 !important;
  padding: 10px 0 !important;
}
.box .qnpTabsNav li:after {
  bottom: 0 !important;
}
#qnp-menu-overlay-wrap {
  right: 50%;
  margin: 0 -150px 0 auto;
  width: 300px;
}

/* walid */
@media (max-width: 600px)
{
.nspImageWrapper {
    margin: 0!important;
    width: 100%;
}
}

@media (max-width: 640px) {
	
.nsp-switch .nspArt {
    padding-bottom: 20px !important;
}
	
.qnpResponsive img.nspImage, img.nspImage.qnpResponsive {
    width: 100% !important;
}
#qnpMainbody .box {
 padding: 40px 20px 20px 20px!important;
}
}