.second-nav {display: flex;}
@media (min-width: 1200px) {
.package-archive-box .information .test-information > span:not(:last-child) { margin-left: 2rem ; }
.products-main-row .col-lg-3.columni { max-width: 20%; }
.gameName-carousel .owl-carousel > .text-center { min-height: 187.28px; }
.information,
.table-product {
overflow-x: hidden;
}
.gameName-carousel .name-container > div.px-xl-5 { height: 48px; }
.comment-sent {
margin-left: 2.5rem;
margin-bottom: 1.2rem;
}
.buy-table {
overflow-x: hidden !important;
}
.gameName-carousel .img-h .text-center { max-height: 49px; }
.home .slider .large-12 .slider-carousel { min-height: 500.75px }
.gameName-carousel .noarrow {min-height: 187.28px; }
}
@media (max-width: 1200px) {
.comment-textarea {
width: 96% !important;
}
.shoping-package .score { font-size: 13px; }
}
@media (max-width:1023px) {
.second-nav {display: none;}
.mobile-nav.active {
display: block;
position: fixed;
top: 104px;
right: -100%;
height: calc(100% - 160px);
width: 300px;
overflow: auto;
z-index: 99999999;
visibility: visible;
background-color: #fdfdfd;
-webkit-transition: all .5s;
transition: all .5s;
box-shadow: -3px 3px 8px -1px #948d8d7a;
border-radius: 10px;
}
.mobile-nav .submenu-wrapper ul.sub-menu {
display: flex !important;
flex-direction: column;
position: fixed;
background-color: #fff;
z-index: 999;
right: -100%;
transition: 0.2s all;
top: 82px;
bottom: 90px;
height: calc(100% - 160px);
border-radius: 16px;
}
.mobile-nav .submenu-wrapper ul.sub-menu.toggle {
top: 90px;
bottom: 90px;
height: calc(100% - 160px);
overflow-y: scroll;
right:0px;
border-radius: 16px;
background: #fff;
width: 300px;
background: #fff;
}
.mobile-nav li {
margin-right: 18px;
margin-bottom: 1rem;
}
.mobile-nav span.close-submenu {
padding: 10px;
border-bottom: 2px solid #d5dbdb;
font-size: 16px;
font-weight: 600;
display: flex;
align-items: center;
}
span.close-submenu::before {
content: "\f061";
font-family: "Font Awesome 5 Pro";
font-weight: 900;
position: relative;
margin-left: 8px;
font-size: 18px;
font-weight: 500;
}
.second-nav li a span {width: unset;}
.second-nav li a > span {width: 94%;line-height: 2;}
.menu-image-not-hovered > span , #menu-menu-1 > li > a {display: flex;}
.menu-image-not-hovered > span > span {padding-top: 4px;}
.second-nav li i {float: left; line-height: 2.2;width: 10%;}
.second-nav a {color: #272727;width: 80%;display: inline-block;}
.second-nav ul.sub-menu li {margin-right: 0px;margin-bottom: 0px;border-bottom: 1px solid #d5dbdb;}
.second-nav ul.sub-menu li a {padding-right: 0px;margin-bottom: 0px;display: inline-block;}
.border-mobile-none { border-width: 0px !important;border-color: inherit; } .mb-navabr {
height: 60px;
width: auto;
transition: all .4s ease-out;
position: fixed;
bottom: 16px;
left: 16px;
right: 16px;
box-shadow: none;
z-index: 99999;
display: flex;
justify-content: space-around;
background: #edededed;
border-radius: 10px;
z-index: 888888888;
}
.mb-navabr .red-navabr a {
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f30a4926;
height: 36px;
border-radius: 11px;
color: #f30a49;
font-weight: 700;
letter-spacing: 0;
font-size: 13px;
margin-top: 12px;
}
.mb-navabr  .bottom-navitem a {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 10px;
font-size: 11px;
}
.mb-navabr  .bottom-navitem a i{
margin-bottom: 6px;
color: #5339f7;
}
.socials-box{
position: fixed;
left: 16px;
bottom: 90px;
display: flex;
align-items: center;
flex-direction: column;
border-radius: 15px;
width: 55px;
margin: 0;
padding: 5px 0;
background-color: #f2f2f2fc;
transform: translate(200px) translateZ(1px);
transition-duration: .3s;
border-radius: 15px;
visibility: hidden;
opacity: 0;
width: 50px;
z-index: 999999;
}
.telegram-support-label , .telegram-ta {display: none;}
.socials-box.active
{
opacity: 1;
visibility: visible;
transform: translate(0);
}
.socials-box li {
list-style: none;
margin:10px;
}
.navigation-overlay{
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 99998;
display: none;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: background .5s ease-in-out, visibility .5s ease-in-out;
-moz-transition: background .5s ease-in-out, visibility .5s ease-in-out;
transition: background .5s ease-in-out, visibility .5s ease-in-out;
cursor: url(//www.cdkeyshare.ir/wp-content/themes/original-key-theme/assets/img/close.png), default;
background-color: #0000004d !important;
}
header.header {
position: fixed;
top: 0px;
right: 0px;
width: 100%;
z-index: 99999;
}
header .favorit {
display: none !important;
}
header .navigation {
display: none !important;
}
header .basket-icon {
width: 35px;
height: 35px;
padding-right: 11px;
margin: 0 .2rem;
}
header .basket-icon {
display: block !important;
}
header .header-row {
padding: 0.5rem 0px 0px;
}
header .basket-number {
position: absolute;
right: -21px;
top: -8px;
}
.basket-icon span {
font-size: 0pt;
}
.d-24-none {
display: none !important;
}
header .container .justify-content-between {
margin-top: 0rem !important;
}     .modal-body .selectoption,
.modal-body .col-md-5 {
max-width: 100% !important;
}
}
@media (max-width: 991px) {
.header .modal-content {min-width:100%; padding: 20px 0px !important;}
.header .modal-content .ajax-search-form .select {width:7rem;}
.modal {z-index:1050 !important;}
.header .mini-cart { left:-130px;}
.products-main-row .col-lg-3.columni { max-width: 25%; }
#sidr li { display: block; }
.gallery-carousel .owl-carousel .owl-dots.disabled, .gallery-carousel .owl-nav.disabled button.owl-prev{
right: -5%;
}
.gallery-carousel .owl-carousel .owl-dots.disabled, .gallery-carousel .owl-nav.disabled button.owl-next{
left: -5%;
}
.title-box-blog {
margin-top: 10px;
}
.blog-search-aside {
margin-top: 2rem;
}
i.lastt {
display: none;
}
i.onee {
display: none;
}
.login-form-box {
border-radius: 35px 0 0 35px;
max-height: 40rem;
}
.flex-column-reverse-md {
flex-direction: column-reverse !important;
}
.blog-main-box .row-item-blog h4 {
padding-bottom: .5rem;
}
.products-main-row .col-lg-4 .btn-product {
float: right !important;
margin-right: -21px;
margin-top: 12px !important;
}
.register-box {
width: 100% !important;
}
.body-login ul.nav-pills {
left: -6%;
}
.slider-archive {
width: 33%;
}
.d-flex-wrap-product {
flex-wrap: wrap !important;
}
.cost-brn-product {
width: 100% !important;
}
.package-archive-box .Contents-text li {
width: 100%;
}
.gift-title-item,
.gift-title-item2 {
width: 20%;
}
.package-box .package-btn {
width: 100%;
margin-bottom: 5%;
}
.form-group .selectdiv {
width: 100% !important;
}
.input-number-increment {
right: 0;
}
.input-number-decrement {
left: 0;
} .mini-menu ul li {
padding: 11px 10px 11px 0;
}
.comment-title .span-line,
.comment-title .span-line2 {
width: 60%;
}
.table-product {
overflow-x: hidden;
}
.comment-title-img {
width: 30% !important;
}
.contactus-btn,
.contactus-form input {
width: 100% !important;
margin: 0.5rem;
}
.map-box-main {
padding-right: 3.7rem;
}
.map-box {
margin-top: 2rem;
}
.contact-title-form .span-line {
width: 77%;
} .menu-mainbox-blog ul {
display: none;
}
.blog-main-box h4 {
padding-bottom: 1.5rem;
}
.gift-box {
width: 40% !important;
margin-bottom: 5rem;
}
.flex-gift-box {
flex-wrap: wrap;
}
.background-col-panel {
position: absolute;
top: 5rem;
width: 60% !important;
z-index: 2;
height: 339rem;
}
.edit-title-panel {
margin-top: 1rem !important;
}
.flex-single-box {
flex-wrap: wrap;
}
.time-mainbox-blog {
width: 100%;
text-align: right;
}
.single-box {
padding: 0 1rem !important;
}
.search-item-404 {
width: 65%;
}
}
@media (min-width: 768px) and (max-width:991.98px) {
.products-main-row .col-lg-3.columni { max-width: 33%; } .comment-title-img {
width: 30% !important;
}
.comment-title-text {
width: 5% !important;
}
.btn-single-comment::before {
top: 8.75rem !important;
}
.background-col-panel {
top: 4rem !important;
}
}
@media (max-width: 768.1px) {
header .custom-logo {height:58px;width: auto;}
.mobile-nav {top: 79px !important; }
.products-main-row .col-lg-3.columni { max-width: 33%; }
.products-main-row {
margin-top: 20px !important;
}
.footer-access ul {
width: 100%;
padding-right: 5%;
}
.package-center-section {
padding-top: 0 !important;
}
header .basket-icon {
width: 33px;
height: 33px;
padding-right: 9px;
margin: 0 .2rem;
}
.second-nav li a :hover::after {
display: none !important;
}
.second-nav li:hover::after {
display: none !important;
}
header .header-row {
padding: 0.5rem 0px 0px;
}
header .basket-number {
position: absolute;
right: -21px;
top: -8px;
}
.body-login ul.nav-pills {
left: -7%;
}
.gift-item-svg {
margin-top: -6rem;
}
.gift-imag {
width: 80% !important;
}
.logo-panel {
width: 72% !important;
}
.background-col-panel {
top: 4rem;
}
.right-icon-panel {
width: 25% !important;
}
.left-icon-panel {
padding: 0.5rem 0 !important;
}
.comment-part:nth-child(1) {
padding: 0 !important;
}
.comment-part .px-5 {
padding: 0 1rem !important;
} .table-product .table-btn {
width: 100%;
display: block;
margin: 0 !important;
}
.comment-textarea {
width: 100%;
}
.sellers .btn-product {
padding: 0;
margin: 0.5rem 0 !important;
}
.comment-title-img {
width: 30% !important;
}
.comment-title-text {
width: 5% !important;
}
.package-box .package-center-section {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.page-information {
display: block !important;
}
.festival-span-text,
.page-festival-nav {
width: 100% !important;
text-align: center;
display: block;
margin-bottom: 1rem;
} .contact-title-form .span-line {
width: 73%;
}
.contact-items-text .border-left {
border-left: none !important;
}
.product-tab-content {
width: 82%;
}
.comment-textarea {
width: 100% !important;
}
.text-area-main-comment {
margin-top: 2rem !important;
padding-top: 0 !important;
}
.mini-box-panel {
margin-bottom: 1rem;
}
.form-group-panel {
width: 100% !important;
margin-top: 1rem;
}
.panel-sendfile-item,
.panel-sendfile-item-text {
width: 100% !important;
margin-bottom: 1rem;
}
.btn-send-panel-item {
margin-bottom: 2rem;
}
.flex-ticket-box {
flex-wrap: wrap;
}
.ticket-list-panel {
padding: 0.5rem !important;
}
.time-mainbox-blog {
margin-top: 1rem;
}
.panel-textarea {
width: 98%;
}
header .container .justify-content-between {
margin-top: 0rem !important;
}
.contact-form form p:nth-child(2), .contact-form form p:nth-child(3), .contact-form form p:nth-child(4) , .contact-form form p:nth-child(5) { width: 45%; }
#customer_details .woocommerce-input-wrapper { width: 85%; }
}
@media (max-width: 600px) {
.package-box .col-md-3 , .sidebar .col-md-3 { max-width:unset;flex:unset;}
}
@media (max-width: 576px) {
.woocommerce-Price-amount bdi { font-size:12px;}
.fourthtab-carousel .owl-item a.h6 { height:unset; }
.products-main-row .col-lg-3.columni { max-width: 50%; }
.cost-brn-product .woo-price { white-space: normal; font-size:0.8rem ; }
.checkbox-logins{
flex-flow: wrap;
padding-right: 10%;
}
.under-table {
flex-wrap: wrap;
}
.under-table .btn-buytable {
width: 95% !important;
text-align: center !important;
}
.undertable-text-card {
width: 100% !important;
margin-top: 1rem !important;
text-align: center;
}
.undertable-text-card .btn-next {
margin-top: 1rem !important;
}
.body-login ul.nav-pills {
top: 3rem;
}
#customer_login .nav-pills .nav-link {padding: 1rem 0.6rem;}
.package-archive-box .package-center-section .flex-wrap-boxing {
flex-wrap: wrap !important;
}
.package-archive-box .package-center-section .flex-wrap-boxing a {
width: 100% !important;
}     .owl-stage-outer {
padding-top: 10px !important;
}
.slider-archive {
width: 50%;
}
.package-product-row.rowly {
max-width: 100% !important;
}
.package-archive-box {
max-width: 100% !important;
}
.box-edit-information-panel .btn-panel {
width: 100% !important;
}
.Satisfaction-item {
flex-wrap: wrap;
}
.Satisfaction-item:nth-child(1),
.Satisfaction-item:nth-child(2),
.Satisfaction-item:nth-child(3) {
width: 100% !important;
}
.main-box-item-flex {
max-width: 100%;
}
.breadcrumb {
display: none;
}
.product-tab-content {
width: 82% !important;
}
.contact-title-form .span-line {
width: 94%;
}
.header-festivelpage {
margin-top: -3rem;
} #checkbox-p {
margin-top: 0;
}
.shop-box .btn-shop {
width: 100%;
}
.check-box div {
display: flex;
align-items: center;
}
.comment-title .span-line,
.comment-title .span-line2 {
width: 40%;
}
.comment-title-img {
width: 40% !important;
}
.comment-title-text {
width: 5% !important;
}
.table-product {
overflow: hidden;
overflow-x: scroll;
}
.table-product ul {
width: 180%;
}
.Suggestion-box h2,
.Suggestion-box2 h2 {
margin-top: 1rem;
}
.comment-sent span {
display: block;
float: right;
margin: 0.5rem 0 !important;
width: 100%;
text-align: right;
}
.box-table-panel,
.last-buy-table-panel,
.tiket-box-panel {
width: auto;
overflow-x: scroll !important;
}
.tiket-box-panel ul {
min-width: 600px;
}
.flex-favorit-panel {
flex-wrap: wrap-reverse;
}
.gift-box {
width: 100% !important;
}
.box-empty-logo img {
width: 90%;
}
.gift-title-item,
.gift-title-item2 {
display: none;
}
.search-item-404 {
width: 100%;
}
.form-register input {
width: 100% !important;
}
#login-checkbox {
width: 10% !important;
}
.package-box {
margin-top: 3.2rem;
}
.header-festivelpage {
margin-top: 1rem;
}
.offer-input button { font-size: 10px; }
}
@media (max-width: 401px) {
.body-login ul.nav-pills {
left: -11%;
}
.gallery-carousel .owl-carousel .owl-dots.disabled, .gallery-carousel .owl-nav.disabled button{
top: 1.8rem;
}
}
@media (max-width: 320px) {
.gallery-carousel .owl-carousel .owl-dots.disabled, .gallery-carousel .owl-nav.disabled button{
top: 1.1rem;
}
}
@media only screen and (max-width: 600px){ .timer span { font-size: 11px !important; }
}
@media (min-width: 1024px) {
.wraper-nav {display: none;}
.second-nav li:hover > .submenu-wrapper {display: block; }
.second-nav li:hover > .submenu-wrapper > ul {
width: 100%;
float: right;
box-sizing: border-box;
height: 570px;
min-height: 385px;
overflow-y: auto;
border-left: 1px solid #f0f0f1;
}
.second-nav li.category-list:hover > .submenu-wrapper > ul {width: 20%;}
.menu-item-4838792 a { color:#0056b3; }
.menu-item-4838792 a:hover {color:#212529;}
.second-nav > li:hover > a::after , .menu-item-4838792 > a::after {
position: absolute;
content: "";
width: 100%;
background-image: linear-gradient(45deg, #5439f7 40%, #1eced4 80%);
left: 0;
height: 2px;
bottom: 13px;
}
.second-nav > li > ul.sub-menu > li.menu-item-has-children > a {display: inline-block;position: relative;}
.second-nav .submenu-wrapper > ul > li.menu-item-has-children > a:after {
display: inline-block;
position: absolute;
content: "\f104";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
vertical-align: bottom;
opacity: .5;
margin-right: 10px;
height: 100%;
top: 50%;
transform: translateY(-15px);
}
.second-nav .submenu-wrapper > ul > li > ul {
position: absolute;
left: 0;
width: 78%;
height: 100%;
background: #ffffff;
top: 0; opacity: 0;
padding: 20px 5px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
visibility: hidden;
max-height: 501px;
min-height: 390px;
overflow-y: auto;
padding-bottom: 0;
margin-bottom: 0;
}
.second-nav .submenu-wrapper > ul > li.active ul {
z-index: 10;
opacity: 1;
visibility: visible; }
.second-nav .submenu-wrapper > ul > li.active > ul > li  > a {border-right: solid 3px #5439f7;width: fit-content;padding:2px 6px;margin:7px 4px; line-height: 1.6;}
.second-nav li { padding-bottom: 10px; }
.second-nav li a {position: relative;transition: .3s;padding: 2rem 0px;}
.products-main-row .woo-price { text-align: center; }
.owl-carousel.game-carousel { display: flex; }
.owl-carousel.game-carousel > div { width: 15%; }
.owl-carousel.game-carousel  img { max-width: 100%;height: auto; }
.col-lg.pic-gallery { max-width: 250px; }
.socials-box {display: none;}
}
@keyframes submenu {
from {
top: 4.5rem;
}
to {
top: 3.42rem;
}
}
@media (min-width: 768px){
.section-item-product .package-center-section { position: relative; }
.section-item-product .package-center-section .check-box{
position: absolute !important;
left: 5px;
bottom: 0px;
}
.section-item-product .paragraf-p { margin-bottom:7rem; }
body:not(.logged-in) .comment-part .math-captcha-form {
position: absolute;
right: -46%;
margin-top: 24px;
max-width: 65%;
}
}