@media screen and (min-width: 0px) { .themecomp_megadiv.n939077{max-width:0px;z-index:999;min-height:100vh ;margin:0 auto 0 auto ;top:0 ;position:fixed ;} } @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n939077{display:none;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n939077{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n939077{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n939077{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n229163{z-index:99;width:180px ;padding:30px ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n229163{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n229163{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n229163{} }
877c.design
@media screen and (min-width: 0px) { .themecomp_megadiv.n119293{height:100% ;width:200px ;left:30px ;position:absolute ;} } @media screen and (min-width: 0px) {.themecomp_megadiv.n119293 .themecomp_peicon i {margin-top: -5px;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n119293{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n119293{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n119293{} }
.themecomp_menu.rand618616.themecomp_horis > .themecomp-menu-li:last-child > a {border-right:;} .themecomp_menu.rand618616 > .themecomp-menu-li > a .themecomp_span {border-bottom:yes; border-color:transparent;} .themecomp_menu.rand618616 > .themecomp-menu-li.current-menu-ancestor > a .themecomp_span, .themecomp_menu.rand618616 > .themecomp-menu-li.current-page-ancestor > a .themecomp_span, .themecomp_menu.rand618616 > .themecomp-menu-li.current-menu-item > a .themecomp_span {border-bottom:yes} .themecomp_menu.rand618616 *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.rand618616 > .themecomp-menu-li {} .themecomp_menu.rand618616 > .themecomp-menu-li > a {text-align: left;padding:5px 0px 5px 0px;background:;text-align:left;} .themecomp_menu.rand618616 > .themecomp-menu-li {text-align: left;font-weight:400;} .themecomp_menu.rand618616 .themecomp_little_label {background-color:;color:;} .themecomp_menu.rand618616 .sub-menu {background-color:#111111;border:0px solid #777;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.rand618616 .current-menu-ancestor > a, .themecomp_menu.rand618616 .current-page-ancestor > a, .themecomp_menu.rand618616 .current-menu-item > a {color:} .themecomp_menu.rand618616 .themecomp_little_label {margin:-9px 0px 0px 2px;}.themecomp_menu.rand618616 > .themecomp-menu-li:hover > a.themecomp_menu_a {color:#777777;background:;} .themecomp_menu.rand618616 > .themecomp-menu-li .themecomp-menu-li a {color:#c1c1c1;padding:5px 20px 5px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.rand618616 > .themecomp-menu-li .themecomp-menu-li:hover > a {color:#ffffff;background:;} .themecomp_menu.rand618616 .sub-menu .themecomp-menu-li > a {border-top:0px solid #777}body:not(.themecomp_mobile) .themecomp_menu.rand618616.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#111111;color:#c1c1c1 !important;} .themecomp_menu.rand618616.themecomp_horis > .themecomp-menu-li > a {border-left:;} .themecomp_menu.rand618616.themecomp_horis > .themecomp-menu-li.megamenu > .sub-menu > .themecomp-menu-li > a {border-right:0px solid #777} .themecomp_menu.rand618616.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.rand618616.themecomp_vert {max-width:120px;border-width:0px 0px 0px 0px;border-color:;} .themecomp_menu.rand618616.themecomp_vert > .themecomp-menu-li > a {border-top:}/*Cart*/ .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] h6 {color:#c1c1c1 !important;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:#ffffff;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color:#ffffff !important;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] {background:#ffffff;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"], .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.rand618616 div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#c1c1c1;}
@media screen and (min-width: 0px) { .themecomp_megadiv.n550921{z-index:99;height:160px ;padding:0px 20px 0 ;margin:0 auto 0 auto ;} } @media screen and (min-width: 1412px) {.themecomp_megadiv.n550921{display:none;}} @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n550921{display:block;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n550921{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n550921{padding:0px 15px 0 ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n550921{height:110px ;} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n296435{width:100% ;top:0 ;left:0 ;position:absolute ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n296435{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n296435{right:0 ;left:auto ;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n296435{float:right ;} }
.themecomp_height_465479{height:70px;} @media (min-width: 0px) and (max-width: 1200px) {.themecomp_height_465479{height:px;}} @media (min-width: 0px) and (max-width: 991px) {.themecomp_height_465479{height:50px;}} @media (min-width: 0px) and (max-width: 767px) {.themecomp_height_465479{height:15px;}}
.themecomp_menu.rand926318.themecomp_horis > .themecomp-menu-li:last-child > a {border-right:;} .themecomp_menu.rand926318 > .themecomp-menu-li > a .themecomp_span {border-bottom:yes; border-color:transparent;} .themecomp_menu.rand926318 > .themecomp-menu-li.current-menu-ancestor > a .themecomp_span, .themecomp_menu.rand926318 > .themecomp-menu-li.current-page-ancestor > a .themecomp_span, .themecomp_menu.rand926318 > .themecomp-menu-li.current-menu-item > a .themecomp_span {border-bottom:yes} .themecomp_menu.rand926318 *:not(.themecomp_outer):not(.themecomp_inner):not(.themecomp_span) {line-height:20px} .themecomp_menu.rand926318 > .themecomp-menu-li {} .themecomp_menu.rand926318 > .themecomp-menu-li > a {font-size: 12px;text-align: left;padding:0px 20px 10px 20px;background:;text-align:left;} .themecomp_menu.rand926318 > .themecomp-menu-li {font-size: 12px;text-align: left;font-weight:400;} .themecomp_menu.rand926318 .themecomp_little_label {background-color:;color:;} .themecomp_menu.rand926318 .sub-menu {background-color:#111111;border:0px solid #777;font-size:12px;box-shadow:;font-weight:;} .themecomp_menu.rand926318 .current-menu-ancestor > a, .themecomp_menu.rand926318 .current-page-ancestor > a, .themecomp_menu.rand926318 .current-menu-item > a {color:} .themecomp_menu.rand926318 .themecomp_little_label {margin:-15px 0px 0px -17px;}.themecomp_menu.rand926318 > .themecomp-menu-li:hover > a.themecomp_menu_a {color:#777777;background:;} .themecomp_menu.rand926318 > .themecomp-menu-li .themecomp-menu-li a {color:#c1c1c1;padding:5px 20px 5px 20px;min-width:200px;text-transform:none;text-shadow:none;} .themecomp_menu.rand926318 > .themecomp-menu-li .themecomp-menu-li:hover > a {color:#ffffff;background:;} .themecomp_menu.rand926318 .sub-menu .themecomp-menu-li > a {border-top:0px solid #777}body:not(.themecomp_mobile) .themecomp_menu.rand926318.themecomp_horis > .themecomp-menu-li.megamenu > ul > li > a {background-color:#111111;color:#c1c1c1 !important;} .themecomp_menu.rand926318.themecomp_horis > .themecomp-menu-li > a {border-left:;} .themecomp_menu.rand926318.themecomp_horis > .themecomp-menu-li.megamenu > .sub-menu > .themecomp-menu-li > a {border-right:0px solid #777} .themecomp_menu.rand926318.themecomp_horis .html_area.i .themecomp_peicon {height:20px} .themecomp_menu.rand926318.themecomp_vert {max-width:200px;border-width:0px 0px 0px 0px;border-color:;} .themecomp_menu.rand926318.themecomp_vert > .themecomp-menu-li > a {border-top:}/*Cart*/ .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] .themecomp_widprod_title, .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] .empty, .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] h6 {color:#c1c1c1 !important;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] a:hover .themecomp_widprod_title {color:#ffffff;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] li .themecomp_widprod_title:hover {color:#ffffff !important;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] a:not(.btn) {color:;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] a:not(.btn):hover {color:;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] {background:#ffffff;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"], .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] h5, .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] h6 {color:;} .themecomp_menu.rand926318 div[class*="widget_shopping_cart_cont"] .themecomp_buttons a:hover {color:#c1c1c1;}
.themecomp_toggle-wrapper-wrap.n249474 #themecomp_menu-toggle, .themecomp_toggle-wrapper-wrap.n249474 #themecomp_menu-toggle:before, .themecomp_toggle-wrapper-wrap.n249474 #themecomp_menu-toggle:after {background:#111111;} .themecomp_toggle-wrapper-wrap.n249474 {background:;border-color:;height:100%;border-width:0px 0px 0px 0px;text-align:right;} @media screen and (min-width: 0px) { .themecomp_toggle-wrapper-wrap.n249474 {padding:;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_toggle-wrapper-wrap.n249474 {padding:;} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_toggle-wrapper-wrap.n249474 {padding:;} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_toggle-wrapper-wrap.n249474 {padding:;} }
.themecomp_mobile_menu.n249474 .themecomp-menu-li a {color:#111111 !important;background:transparent !important;} .themecomp_mobile_menu.n249474 {background:#ffffff;border-color:#ffffff;border-width:40px 0px 0px 0px;box-shadow:;}
@media screen and (min-width: 0px) { .themecomp_megadiv.n221456{z-index:99999;width:160px ;padding:20px 15px ;position:relative ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n221456{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n221456{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n221456{width:100px ;padding:15px ;} }
877c.design
.themecomp_search_container.n39158 * {color:#ffffff}

Lost Something?

.themecomp_search_form.n_792048 ::-webkit-input-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_792048 ::-moz-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_792048 :-moz-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_792048 :-ms-input-placeholder {color:#111111;opacity:0.5;} .themecomp_search_form.n_792048 .themecomp_subwrap:hover {background:#333333 !important;} .themecomp_search_form.n_792048 .themecomp_subwrap:hover {color: !important;}
Type your keywords above
@media screen and (min-width: 0px) { .themecomp_megadiv.n403292{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1412px) {.themecomp_megadiv.n403292{display:none;}} @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n403292{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n403292{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n403292{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n227509{margin:0 auto 0 auto ;text-align:center ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n227509{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n227509{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n227509{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n693150{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n693150{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n693150{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n693150{} }
.vc_custom_1462721391614{margin-bottom: 0px !important;} .n940827, .n940827 *:not(i){color:;} .n940827:hover, .n940827 *:hover {color: !important;}

Feature: Single Media

Theme Composer has about 100
ready to use shortcodes

@media screen and (min-width: 0px) { .themecomp_megadiv.n804876{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n804876{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n804876{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n804876{} }

×

@media screen and (min-width: 0px) { .themecomp_megadiv.n148146{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n148146{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n148146{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n148146{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n254541{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n254541{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n254541{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n254541{} }

Custom Ratios:

The page layout and user interface may also be affected by the use of motion graphics.

The choice of whether or not to use motion graphics may depend on the target market. Motion graphics may be expected or at least better received with an entertainment-oriented website. However, a website target audience with a more serious.

@media screen and (min-width: 0px) { .themecomp_megadiv.n214797{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n214797{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n214797{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n214797{} }
Use a caption to give your visitors some more information.
1x2
Use a caption to give your visitors some more information.
1x1
Use a caption to give your visitors some more information.
4x3
Use a caption to give your visitors some more information.
16x9
@media screen and (min-width: 0px) { .themecomp_megadiv.n975725{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n975725{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n975725{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n975725{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n673481{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n673481{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n673481{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n673481{} }

×

@media screen and (min-width: 0px) { .themecomp_megadiv.n126651{margin:0 auto 0 auto ;} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n126651{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n126651{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n126651{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n179917{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n179917{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n179917{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n179917{} }
@media screen and (min-width: 0px) { .themecomp_megadiv.n393349{} } @media (min-width: 0px) and (max-width: 1199px) { .themecomp_megadiv.n393349{} } @media (min-width: 0px) and (max-width: 991px) { .themecomp_megadiv.n393349{} } @media (min-width: 0px) and (max-width: 767px) { .themecomp_megadiv.n393349{} }

Image Styles:

Part of the user interface design is affected by the quality of the page layout.

For example, a designer may consider whether the site's page layout should remain consistent on different pages. Page pixel width may also be considered vital for aligning objects in the layout design.