#shopify-section-YMM { background-color:#0081b9; }
.find-section { width:20%; float:left; padding-top:8px; }
.find-img { float:left; margin-right:15px; }
.find-text { float:left; }
.find-text h3 { font-family:"Unica One","HelveticaNeue","Helvetica Neue",sans-serif; font-size:32px; color:#182f63; margin:0; line-height:30px; }
.find-text h4 { font-family:"Unica One","HelveticaNeue","Helvetica Neue",sans-serif; font-size:40px; color:#fff; margin:0; line-height:40px; }

#ymm_searchbox { width:50%; max-width:350px; margin:30px auto; background-color:#0081b9; border:0px solid #000;  }
#ymm_searchbox h2 { display:none; color:#FFFFFF; font-size:24px; font-family:"fjalla_one_n4"; padding:0 0 0px 0; margin:0;  letter-spacing:0; font-weight:600; text-align:center;}

#ymm_searchbox ul { list-style:none; }

#ymm_searchbox .formFields { padding:20px; }

#ymm_searchbox form { display:block; margin:0; width:100%; }
#ymm_searchbox label { color:#182f63; font-size:24px; line-height:normal; font-weight:900; display:block; margin-bottom:10px; text-transform:uppercase; }

#ymm_searchbox .field { position:relative; margin-bottom:15px; }
#ymm_searchbox select { outline:none; color: #000; margin:0; width: 100%; font-size:15px; padding:8px 25px 8px 5px; font-weight:500; min-height:35px; text-transform:uppercase;
	border:0px solid #e8e9eb; border-radius:10px; background:#fff url(./select-arrow-enable.png) no-repeat right 10px center; background-size:15px;
}

#ymm_searchbox select[disabled] { color:#fff; opacity:1; border:0px border-radius: 10px; solid #ddd; background:#133a65 url(./select-arrow.png) no-repeat right 10px center; background-size:15px; }

#ymm_actions .btn[disabled] { opacity:0.4; cursor:not-allowed;  background-color:transparent; color:#fff; }

#ymm_actions .ymm_search { background-color:#09f; letter-spacing:0; font-size:15px; font-weight:600; color:#fff;  border-radius:2px;}
#ymm_actions .ymm_search:hover { opacity:0.85;}

#ymm_actions .btn { font-family:"Unica One","HelveticaNeue","Helvetica Neue",sans-serif; padding:2px 10px;letter-spacing:0; font-size:45px; font-weight:700; margin-right:0; color:#fff;
  border:3px solid #133a65; background-color:#1483bb; border-radius:0; }

#ymm_actions #ymm_reset { display:none; background-color:#fff; color:#3d4246;  border-radius:2px;}
#ymm_searchbox .formFields li { margin-bottom:10px; }
#ymm_searchbox.horizontal { float:left; max-width:100%; width:100%; margin:0; padding:24px 20px; font-family:"Unica One","HelveticaNeue","Helvetica Neue",sans-serif; }

#ymm_searchbox.horizontal .formFields { float: left; padding:0; display:inline-block; vertical-align:bottom; width:80%; text-align:center; }
#ymm_searchbox.horizontal .formFields li {  padding:0 15px 0 0; margin-bottom:5px; box-sizing:border-box;
display:inline-block; text-align:left; font-size:16px; width:180px; }
#ymm_searchbox.horizontal .formFields li.ymm_bttns { vertical-align:top; padding-right:0; width:auto; } 

#ymm_searchbox .button-action { padding:5px 0 0 0px; }

ul.dropdowns li:not(.ymm_bttns) { width:20%; }
ul.dropdowns li:nth-child(n+5) + li.ymm_bttns { clear:both; text-align: center; width:100%; }

#ymm_searchbox .loading { position:relative; width:20px; height:20px; margin:0 auto;  }
#ymm_searchbox.vertical { padding:25px;}
#ymm_searchbox.vertical .formFields { padding:0;}
#ymm_searchbox.vertical ul.dropdowns li { width:100%;}
#ymm_searchbox.vertical ul.dropdowns li:not(.ymm_bttns) { width:100%;}


@media only screen and (max-width:1199px) {
  
}

@media only screen and (max-width:1160px) {
  .find-section { float:left; width:100%; padding:0; text-align:center; margin:0 0 15px; }
  .find-img,.find-text { float:none; display:inline-block; }
  #ymm_searchbox.horizontal .formFields  { float:left; width:100%; }
  
  .find-img img { width:46px; }
  .find-text h3 { font-size:36px; line-height:normal; float:left; }
  .find-text h4 { font-size:36px; line-height:normal; float:left; margin-left:10px; }
}

@media only screen and (max-width:888px) {
  #ymm_searchbox.horizontal{ padding:0; }
  .find-section { position:relative; cursor:pointer; width:100%; text-align:left; display:inline-block; padding:10px 15px 5px 12px; /*border-radius:10px;*/ border:2px solid rgba(255,255,255,0.25); margin:15px auto; }
  .find-section:before {
    content:''; background:url('./ymm-down-arrow-drop.png') no-repeat center right;
    background-size:22px; position:absolute; top:16px; right:15px; height:24px; width:24px;
  }
  .find-img,.find-text { float:none; display:inline-block; }
  .find-img { margin-right:8px; }
  .find-img img { width:36px; }
  .find-text h3 { font-size:30px; }
  .find-text h4 { font-size:30px; }
  
  #ymm_searchbox label { font-size:20px; }
  #ymm_searchbox.horizontal .formFields  { display:none; float:left; width:100%; text-align:center; margin:12px 0 15px; } 
  #ymm_searchbox .button-action { display:block; padding:20px 0 0; }
  #ymm_searchbox.horizontal ul.dropdowns li:not(.ymm_bttns) { width:25%; padding:0 5px;}
  #ymm_actions .btn { padding:2px 25px; font-size:28px; }
  
}

@media only screen and (max-width:767px) {
  #ymm_searchbox.horizontal{ padding:0 6px; }
  .find-section { margin:10px auto; padding:7px 10px 5px 10px; }
  .find-section:before{ background-size:18px; top:12px; }
  .find-img { position:relative; top:2px; margin-right:5px; }
  .find-img img { width:30px; }
  .find-text h3 { font-size:23px; }
  .find-text h4 { font-size:23px; margin-left:7px; }
  
  #ymm_searchbox h2 { font-size:24px; }
  #ymm_searchbox { width:100%; }
  #ymm_searchbox .formFields { padding:10px; }
  #ymm_searchbox .field { position:relative; margin-bottom:10px; }
  #ymm_searchbox.horizontal .formFields li.ymm_bttns { padding-bottom:0; margin:0; }
  #ymm_searchbox label { margin-bottom:5px; font-size:18px; }
  #ymm_searchbox.horizontal .formFields li,
  #ymm_searchbox.horizontal ul.dropdowns li:not(.ymm_bttns) { width:100%; padding:0 0 10px; }
  #ymm_searchbox.horizontal .formFields { margin:8px 0 15px; }
  #ymm_searchbox select {padding: 10px 25px 10px 8px; }
  #ymm_actions .btn { padding:3px 20px; font-size:24px; }
  #ymm_searchbox .button-action { padding:3px 0 5px; } 
}

@media only screen and (max-width:480px) {
  #ymm_searchbox.vertical { padding:15px;}
}