/* Responsive styles ========================================================= */ @media screen and (max-width: 1440px) { .kk-content-boxed.kk_menu_default .content { width: 900px; } .kk-content-fullwidth.kk_menu_default .content-inner-wrapper { width: 960px; } .kk_menu_left_boxed .content { margin: 0 0 0 300px; width: 900px; } .kk-content-boxed.kk_menu_default .content.kk-is-homecaption, .kk-content-boxed.kk_menu_default_hidden .content.kk-is-homecaption { width: 100%; } .kk_menu_left_boxed .content.kk-is-homecaption { margin: 0; padding: 0 0 0 300px; width: 100%; } } @media screen and (max-width: 1366px) { .kk-content-boxed.kk_menu_default .content { width: 940px; } .kk-content-boxed.kk_menu_default_hidden .content { width: 890px; } .kk_menu_left_boxed .content { margin: 0 0 0 280px; width: 960px; } .kk_menu_fullscreen.kk-content-boxed .fullscreen-top-wrapper, .kk_menu_fullscreen.kk-content-boxed .content, .kk_menu_classic.kk-content-boxed .fullscreen-top-wrapper, .kk_menu_classic.kk-content-boxed .content { width: 900px; } .mfp-image-holder .mfp-content { max-width: 80%; } .kk-content-fullwidth.kk_menu_default .content-inner-wrapper { width: 93%; max-width: 940px; } .kk_menu_default .fullmasonry ul li { width: 33.333%; } .fullmasonry ul li { width: 25%; } } @media screen and (max-width: 1280px) { .kk_menu_fullscreen.kk-content-fullwidth .fullscreen-top-wrapper, .kk-content-fullwidth .content-inner-wrapper, .kk_menu_slide_right.kk-content-fullwidth .content-inner-wrapper, .kk_menu_fullscreen.kk-content-fullwidth .content-inner-wrapper { width: 100%; padding-left: 35px; padding-right: 35px; } .kk-content-boxed.kk_menu_default .content { width: 860px; } .kk_menu_left_boxed .content { width: 920px; } .mfp-image-holder .mfp-content { max-width: 100%; } .kk_menu_default.kk-content-boxed #four-col-p .portfolio-title { max-width: 55%; } .mfp-custom-arrow { display: none; } } @media screen and (max-width: 1024px) { .kk-content-boxed.kk_menu_default_hidden .content { width: 800px; } .kk_menu_left_boxed .content { width: 725px; margin: 0 0 0 270px } .kk_menu_default.kk-content-boxed .content.kk-is-homecaption { padding: 0; position: absolute; } input, textarea, select { width: auto; } .kk_menu_default .menu-wrapper { padding: 20px 30px; position: relative; width: 800px; margin: 0 auto; height: 80px; } .kk-content-fullwidth .content { padding: 40px 0 25px 0px; } .kk_menu_default.kk-template-fullscreen .menu-wrapper, .kk_menu_default.kk-grid-active .menu-wrapper, .kk_menu_default.kk-content-fullwidth .menu-wrapper { width: 100%; } .kk_menu_default .logo { padding: 0; display: inline-block; vertical-align: top; float: left; } .kk_menu_default .menu-wrapper .logo img { max-height: 40px; width: auto; } .kk_menu_default .menu-wrapper .main-nav { display: inline-block; position: relative; padding-left: 0; float: right; vertical-align: top; } .kk_menu_default .menu-wrapper .main-nav ul, .kk_menu_default .menu-wrapper .footer, .kk_menu_default_hidden .kk-mobile-trigger, .kk_menu_left_boxed .kk-mobile-trigger { display: none; } .kk_menu_default .mobile-menu { display: inline; } .kk-mobile-trigger { display: block; right: 27px; } .kk-content-boxed.kk_menu_default .content { left: 0; width: 800px; margin: 0 auto; } .kk_menu_default .royalSlider_fullscreen { left: 0; } .kk-content-boxed.kk_menu_default .portfolio-wrapper #four-col-p li, .kk-content-boxed.kk_menu_default .gallery-wrapper #four-col-p li { width: 32.2%; } .kk_menu_left_boxed .portfolio-wrapper #three-col-p li, .kk_menu_left_boxed .gallery-wrapper #three-col-p li, .kk_menu_left_boxed .portfolio-wrapper #four-col-p li, .kk_menu_left_boxed .gallery-wrapper #four-col-p li { width: 48.8%; } .kk_menu_default.kk-template-fullscreen .royalSlider_fullscreen { top: 80px; } .kk_menu_default .kk-icons-wrapper { left: auto; z-index: 105; right: 70px; top: 23px; } .kk-mobile-trigger { } .kk_menu_default.kk-fs-g .kk-info-trigger, .kk_menu_default .kk-thumbs-trigger { background-color: transparent; border: none; font-size: 19px; padding: 5px 0; } .kk_menu_default.kk-fs-g .kk-info-trigger:hover, .kk_menu_default .kk-thumbs-trigger:hover, .kk_menu_default .kk-thumbs-trigger.activeThumb { background-color: transparent; color: #fff; border-color: transparent; } .fullmasonry { padding-left: 0; } .kk_menu_default.kk-grid-active .kk-icons-wrapper, .kk_menu_default.page-template-template-homepage-grid .kk-icons-wrapper, .kk_menu_default_hidden.page-template-template-homepage-grid .kk-icons-wrapper { position: absolute; } .info-fs-form .content-inner-wrapper { width: 100%; padding: 0 70px; } .kk_menu_slide_right .main-nav li a, .kk_menu_fullscreen .main-nav li a { font-size: 24px; padding: 10px 30px; } } @media screen and (max-width: 768px) { .kk-content-boxed.kk_menu_default_hidden .content { width: 698px; } .kk-content-boxed.kk_menu_default_hidden .inner-content, .kk-content-boxed.kk_menu_default_hidden .sidebar { float: none!important; width: 100%; } .kk_menu_left_boxed .content { margin: 0; width: 100%; top: 0; } .kk_menu_fullscreen.kk-content-boxed .fullscreen-top-wrapper, .kk_menu_fullscreen.kk-content-boxed .content, .kk_menu_classic.kk-content-boxed .fullscreen-top-wrapper, .kk_menu_classic.kk-content-boxed .content { width: 100%; } .portfolio-wrapper #four-col-p li, .gallery-wrapper #four-col-p li, .kk_menu_default_hidden .portfolio-wrapper #three-col-p li, .kk_menu_default_hidden .gallery-wrapper #three-col-p li { width: 48.2%; } .kk_menu_default .portfolio-wrapper #four-col-p li, .kk_menu_default .gallery-wrapper #four-col-p li { width: 32.2%; } .kk_menu_default_hidden .fullmasonry ul li { width: 33.333%; } .kk_menu_default .menu-wrapper, .kk-content-boxed.kk_menu_default .content { width: 100%; } .kk_menu_left_boxed .menu-wrapper { padding: 20px 30px; position: relative; width: 100%; margin: 0 auto; height: 80px; left: 0; top: 0; } .kk_menu_left_boxed.kk-grid-active .menu-wrapper, .kk_menu_left_boxed.kk-template-fullscreen .menu-wrapper, .kk_menu_left_boxed .menu-wrapper, .kk_menu_left_boxed .main-nav .sub-menu { background: #222; } .kk_menu_left_boxed .logo { padding: 0; display: inline-block; vertical-align: top; float: left; width: auto; } .kk_menu_left_boxed .logo a img { max-height: 40px; width: auto; } .kk_menu_left_boxed .menu-wrapper .main-nav { display: inline-block; position: relative; padding: 0; float: right; vertical-align: top; } .kk_menu_left_boxed .menu-wrapper .footer, .kk_menu_left_boxed .menu-wrapper .main-nav ul { display: none; } .kk_menu_left_boxed .mobile-menu, .kk_menu_left_boxed .kk-mobile-trigger { display: block; } .kk_menu_left_boxed .kk-icons-wrapper { left: auto; z-index: 105; right: 70px; top: 23px; } .kk_menu_left_boxed.kk-fs-g .kk-info-trigger, .kk_menu_left_boxed .kk-thumbs-trigger { background-color: transparent; border: none; font-size: 20px; padding: 5px 0; } .kk_menu_left_boxed.kk-template-fullscreen .royalSlider_fullscreen, .kk_menu_left_boxed .royalSlider_fullscreen { top: 80px; } .kk_menu_left_boxed .fullmasonry ul li { width: 33.333%; } .kk_menu_slide_right.kk-menu-open .royalSlider_fullscreen, .kk_menu_slide_right.kk-content-fullwidth.kk-menu-open .content, .kk_menu_slide_right.kk-menu-open .video-bg, .kk_menu_slide_right.kk-menu-open #kenburns, .kk_menu_slide_right.kk-menu-open .fullmasonry, .kk-menu-open .creative-top-wrapper-bg, .kk_menu_slide_right.kk-menu-open .kk-bg-overlay, .kk_menu_slide_right.kk-menu-open .kk-homepage-o, .kk_menu_slide_right.kk-menu-open .kk-fallback-img { -webkit-transform: translate3d(-100%, 0, 0); -ms-transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0); } .kk_menu_slide_right .menu-wrapper { width: 100%; } .kk_menu_slide_right .post-content { display: none; } .kk_menu_slide_right .main-nav li a, .kk_menu_fullscreen .main-nav li a { font-size: 30px; padding: 14px 30px; } .kk_menu_left_boxed.kk-fs-g .kk-info-trigger:hover, .kk_menu_left_boxed .kk-thumbs-trigger:hover, .kk_menu_left_boxed .kk-thumbs-trigger.activeThumb { background-color: transparent; color: #fff; border-color: transparent; } } @media screen and (max-width: 766px) { .kk_menu_fullscreen.kk-content-fullwidth .fullscreen-top-wrapper, .kk-content-fullwidth .content-inner-wrapper, .kk_menu_slide_right.kk-content-fullwidth .content-inner-wrapper, .kk_menu_fullscreen.kk-content-fullwidth .content-inner-wrapper { width: 100%; padding-left: 10px; padding-right: 10px; } .kk-content-fullwidth .kk-parallax-wrapper .kk-parallax-title-wrapper h1 { font-size: 40px; } .kk_menu_fullscreen.kk-content-fullwidth .fullscreen-top-wrapper { padding: 20px 10px 10px 10px; } .kk_menu_fullscreen .fullscreen-top-wrapper { padding: 20px 10px 10px 10px; } .kk_menu_default .menu-wrapper, .kk_menu_left_boxed .menu-wrapper { width: 100%; margin: 0; padding: 20px 10px; } .kk_menu_left_boxed .content.kk-is-homecaption { margin: 0 auto; padding: 0; } .gallery-wrapper[data-layout="2-column"] li, .gallery-wrapper[data-layout="3-column"] li, .gallery-wrapper[data-layout="4-column"] li { width: 48.2%; } .kk-content-fullwidth.kk_menu_default_hidden .content { padding: 0 0 0 30px; } .portfolio-wrapper #three-col-p li, .gallery-wrapper #three-col-p li, .kk_menu_default .portfolio-wrapper #four-col-p li, .kk_menu_default .gallery-wrapper #four-col-p li { width: 48.2%; } .kk-content-boxed .content-inner-wrapper { padding: 0 10px 0 10px; } #multi li { width: 32.2%; } .effect-zoom img { width: 100%; } .blog-meta { line-height: 2em; } .inner-content, .sidebar { float: none; width: 100%; } .single-portfolio .sidebar { display: none; } .post-content { display: none; } .page-title h1, .post-title h1, .kk-woo-shop .page-title, .single-product .kk-woo-shop h1.product_title { font-size: 42px; } .page-title, .post-title, .kk-woo-shop .page-title, .single-product .kk-woo-shop h1.product_title { text-align: center; } .divider { margin: 0 auto 50px; } .kk_vc .vc_row-fluid .wpb_column { margin-bottom: 30px; } .kk-search-close, .kk-info-close { top: 5px; right: 5px; } blockquote { margin: 0 0px 20px 0px; } .info-fs-form .content-inner-wrapper { padding: 0 25px; } .mfp-custom-arrow { padding: 0; font-size: 32px; margin-top: -22px; } .fullmasonry ul li { width: 33.333%; } .kk_menu_default_hidden .mobile-menu { display: block; opacity: 1; width: 190px; background-color: #383838; color: #FFF; border-color: #444; } .kk_menu_default_hidden .menu-wrapper .main-nav ul { display: none; } .kk_menu_default_hidden .menu-wrapper { -webkit-transform: translate3d(-90%, 0, 0); transform: translate3d(-90%, 0, 0); } .kk_menu_default_hidden .menu-helper { width: 30px; } .kk_menu_default_hidden .kk-menu-trigger span, .kk_menu_default_hidden .kk-menu-trigger span:before, .kk_menu_default_hidden .kk-menu-trigger span:after { width: 18px; height: 2px; } .kk_menu_default_hidden .kk-menu-trigger span:after { top: 6px; } .kk_menu_default_hidden .kk-menu-trigger span:before { top: -6px; } .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span, .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:before, .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:after { width: 18px; } .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:after { -webkit-transform: translate3d(0, -6px, 0) rotate(-225deg); -ms-transform: translate3d(0, -6px, 0) rotate(-225deg); transform: translate3d(0, -6px, 0) rotate(-225deg); } .kk_menu_default_hidden.kk-menu-open .kk-menu-trigger span:before { -webkit-transform: translate3d(0, 6px, 0) rotate(45deg); -ms-transform: translate3d(0, 6px, 0) rotate(45deg); transform: translate3d(0, 6px, 0) rotate(45deg); } .kk_menu_default_hidden .kk-search { font-size: 18px; left: 1px; } .kk_menu_default_hidden.kk-fs-g .kk-info-trigger, .kk_menu_default_hidden.kk-template-fullscreen .kk-thumbs-trigger { font-size: 16px; } .icons-wrapper { left: 0; top: 5px; } .kk_menu_default_hidden .icons-wrapper .kk-menu-trigger, .kk_menu_default_hidden .kk-search, .kk_menu_default_hidden.kk-fs-g .kk-info-trigger { margin-bottom: 6px; } .search-fs-form .searchform { width: 85%; } .search-fs-form .searchform input[type="text"] { font-size: 14px; font-weight: 600; } .kk_menu_default_hidden .royalSlider_fullscreen, .kk_menu_default_hidden.kk-menu-open .royalSlider_fullscreen { left: 30px; } .kk-content-boxed.kk_menu_default_hidden .content { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } .kk-content-boxed.kk_menu_default_hidden .content { width: 100%; margin-left: -17px; } .kk_menu_default_hidden .fullmasonry, .kk_menu_default_hidden.kk-menu-open .fullmasonry { padding-left: 30px; } .kk-thumbs-on .rsKK .rsThumbs { z-index: 95; } .kk_menu_slide_right .social { float: none; width: 100%; display: block; max-width: 100%; } .kk_menu_slide_right .footer, .kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .footer { text-align: center; padding: 0 10px 10px 10px; } .kk_menu_slide_right .main-nav li a, .kk_menu_fullscreen .main-nav li a { font-size: 16px; padding: 3px 15px; } .kk_menu_slide_right .creative-top-wrapper, .kk_menu_slide_right .creative-top-wrapper-fixed, .kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .creative-top-wrapper, .kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .creative-top-wrapper-fixed { padding: 15px 10px 15px 10px; } .kk_menu_slide_right .creative-top-wrapper .logo img, .kk_menu_fullscreen .logo img { max-height: 35px; width: auto; } .kk_menu_default .kk-icons-wrapper, .kk_menu_left_boxed .kk-icons-wrapper { right: 50px; } .kk-mobile-trigger { display: block; right: 7px; } body.kk-is-borders { margin-top: 0; } .kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .kk-borders { display: none; } .kk_menu_slide_right .main-nav .sub-menu li.dl-back a, .kk_menu_fullscreen .main-nav .sub-menu li.dl-back a { font-size: 12px; } .kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .royalSlider_fullscreen, .kk_menu_slide_right.kk-content-fullwidth.kk-is-borders .fullmasonry .gallery-full-masonry { padding: 0; } } @media screen and (max-width: 440px) { .gallery-wrapper[data-layout="2-column"] li, .gallery-wrapper[data-layout="3-column"] li, .gallery-wrapper[data-layout="4-column"] li, .portfolio-wrapper #three-col-p li, .gallery-wrapper #three-col-p li, .portfolio-wrapper #four-col-p li, .gallery-wrapper #four-col-p li, .kk_menu_default_hidden .portfolio-wrapper #three-col-p li, .kk_menu_default_hidden .gallery-wrapper #three-col-p li, .kk_menu_left_boxed .portfolio-wrapper #three-col-p li, .kk_menu_left_boxed .gallery-wrapper #three-col-p li, .kk_menu_left_boxed .portfolio-wrapper #four-col-p li, .kk_menu_left_boxed .gallery-wrapper #four-col-p li { width: 100%; } .portfolio-wrapper #three-col-p li, .gallery-wrapper #three-col-p li, .portfolio-wrapper #four-col-p li, .gallery-wrapper #four-col-p li { margin-bottom: 30px; } .portfolio-title, .kk-likes-portfolio { float: none; max-width: 100%; text-align: center; } .kk-search-close span, .kk-search-close span:before, .kk-search-close span:after, .kk-info-close span, .kk-info-close span:before, .kk-info-close span:after { width: 18px; } .blog-content .blog-title, .quote-text { font-size: 20px; line-height: 1.5em; } .fullmasonry ul li, .kk_menu_default_hidden .fullmasonry ul li, .kk_menu_left_boxed .fullmasonry ul li { width: 50%; } }