#logo{width:auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;margin-bottom:0;max-height:100%;display:inline-block;float:none;vertical-align:middle;-webkit-transform:translate3d(0,0,0);margin-bottom:-5%}input.text,input.title,input[type="email"],input[type="password"],input[type="tel"],input[type="text"],select,textarea{background-color:#fff;border:0px solid #bbb;color:#444;font-size:20px;font-family:raleway}#page-container{overflow-x:hidden!important;overflow-y:hidden}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:15px;font-size:14px;border-radius:3px;border:1px #56865a solid}#buttons{background:#56865a;color:#fff;font-family:kg happy solid;padding:5px 10px;border-radius:10px}.woocommerce-page a.button,.woocommerce-page a.button.alt,.woocommerce-page button.button,.woocommerce-page button.button.alt,.woocommerce-page button.button.alt.disabled,.woocommerce-page input.button,.woocommerce-page input.button.alt,.woocommerce a.button,.woocommerce a.button.alt,.woocommerce button.button,.woocommerce button.button.alt,.woocommerce button.button.alt.disabled,.woocommerce input.button,.woocommerce input.button.alt{font-size:12px;font-weight:500;padding:.3em 1em;line-height:1.7em!important;background:#56865a;position:relative;border:2px solid;border-radius:3px;-webkit-transition:all .2s;transition:all .2s}@media only screen and (max-width:479px){input.text,input.title,input[type="email"],input[type="password"],input[type="tel"],input[type="text"],select,textarea{background-color:#fff;border:0px solid #bbb;padding:20px 30px 20px 30px;color:#E6E6E6;font-size:20px;font-family:raleway}}@media only screen and (min-width:480px) and (max-width:980px){input.text,input.title,input[type="email"],input[type="password"],input[type="tel"],input[type="text"],select,textarea{background-color:#fff;border:0px solid #bbb;padding:20px 30px 20px 30px;color:#E6E6E6;font-size:20px;font-family:raleway}}For screen sizes larger then 981px. You want to use this for desktops.
1
2
3
All screen sizes below 980px.
1
2
3
For screen sizes between 981px and 1367px. Great to target laptops.
1
2
3
@media (min-width:981px) and (max-width:1367px){}#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before{content:'\4d'}ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,ul.et_mobile_menu li.page_item_has_children .mobile-toggle,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle{width:44px;height:100%;padding:0px!important;max-height:44px;border:none;position:absolute;right:0px;top:0px;z-index:999;background-color:transparent}ul.et_mobile_menu>li.menu-item-has-children,ul.et_mobile_menu>li.page_item_has_children,ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children{position:relative}.et_mobile_menu .menu-item-has-children>a,.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a{background-color:transparent}ul.et_mobile_menu .menu-item-has-children .sub-menu,#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu{display:none!important;visibility:hidden!important}ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible{display:block!important;visibility:visible!important}ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{text-align:center;opacity:1}ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after{top:10px;position:relative;font-family:"ETModules";content:'\33';color:#56865a;background:#f0f3f6;border-radius:50%;padding:3px}ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after{content:'\32'}.et_pb_menu_0.et_pb_menu .et_mobile_menu:after{position:absolute;right:5%;margin-left:-20px;top:-14px;width:0;height:0;content:'';border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #ffffff}.mobile_menu_bar{position:relative;display:block;bottom:10px;line-height:0}.et_pb_menu_0.et_pb_menu .et_mobile_menu,.et_pb_menu_0.et_pb_menu .et_mobile_menu ul{background-color:#ffffff!important;border-radius:10px}