/* base browser behavior updates */

@font-face {

    font-family: 'Workshop';

    src: url('../fonts/gwfont/gwfont.eot');

    src: url('../fonts/gwfont/gwfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/gwfont/gwfont.woff') format('woff'),

         url('../fonts/gwfont/gwfont.ttf') format('truetype'),

         url('../fonts/gwfont/gwfont.svg#gwfont') format('svg');

    font-weight: normal;

    font-style: normal;

}



html {

  overflow-x: hidden; overflow-y: scroll;

}

html a:focus {

  outline: none;

}

a, a:active, a:hover {

  text-decoration: none; cursor: pointer;

}



:focus {

    outline-color: transparent;

    outline-style: none;

    outline-width: 0;

}



body {

  display: block; margin: 0; padding: 0; width: 100%;

  font: normal normal normal 12pt/1.3em Arial, sans-serif; /* font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar */

  color: #000;

  background: transparent;

}

/* html5 line height fix */

header, footer, article, aside, details, figcaption, figure, nav, summary, div {line-height: 0; -webkit-margin-before: 0; -webkit-margin-after: 0;}

h1, h2, h3, h4, h5, h6, p, li, div {line-height: 1em;}

section {display: block; width: 100%; background: transparent; padding: 20px 0; margin: 0;}

figure {display: block; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; margin:0; line-height: 0px;}

img {max-width: 100%; height: auto;}

.inner {position: relative; width: 96%; padding: 0 2%; margin: 0 auto;}







/* ********************************* */

/*       Documents Tweaks            */

/* ********************************* */

#documents .header-row.row {background: #000000; color: #ffffff; font-size: calc(14pt + .3vw); font-weight: normal; padding: 10px; border-color: #000000; line-height: 1.1em; box-sizing: border-box;}

#documents .doc-row:nth-child(odd) {background: #ececec;}



#documents .row {padding: 2px 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}

#documents .row .doc-type {width: 80px; padding: 5px 10px; display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;}

#documents .row .doc-title {width: calc(100% - 80px - 120px - 185px); padding: 5px 10px;  display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; box-sizing: border-box;}

#documents .row .doc-size {text-align: center; width: 120px; padding: 5px 10px;  display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;}

#documents .row .doc-link {text-align: center; width: 185px; padding: 5px 10px;  display: flex; justify-content: space-around; align-items: center; box-sizing: border-box;}

#documents .row .doc-link .iconbox {display: none;}



#documents .doc-row .doc-type .icon {width: 32px; min-height: 32px; padding-top: 4px;  text-align: center;}

#documents .doc-row .doc-type .icon:before {content: "\eadf"; color: #97161a; font-size: 32px; font-family: "workshop";display: inline-block; margin-top: 5px;}

#documents .doc-row .doc-title { font-size: 1.1em; line-height: 1.2em;}

/*#documents .doc-row .doc-size {text-align: center; width: 100px; display: flex; justify-content: space-around; align-items: center;}

#documents .doc-row .doc-link {text-align: center; width: 180px; display: flex; justify-content: space-around; align-items: center; }*/









/* ********************************* */

/*        Form Element Tweaks        */

/* ********************************* */

div.form-item {

  max-width: 100%; margin: 0 auto 10px; padding: 0; position: relative;

}

.form-item.radiotype,

.form-item input.form-text,

.form-item input.search-text,

.form-item input.wpcf7-text,

.form-item input.wpcf7-email,

.form-item select.wpcf7-select,

.form-item textarea.wpcf7-textarea,

.form-item input.wpcf7-file {

  color: #000000; /* TEXT - Starting Color */

  background: #ececec; /* INPUT - Starting Background Color */

  border: 2px solid #ececec; /* BORDERS - Starts the same as the background */

  border-radius: 9px; font-family: arial; font-size: 12pt; line-height: 1.3em; width:calc(100% - 21px); padding: 8px 8px 6px 8px; resize:none;

}



.form-item.radiotype label {color: #000000;line-height: 1.3em; text-align: left; display:inherit; margin-bottom:7px;}

.form-item.radiotype label span {color: #000000;line-height: 1.3em; text-align: left; display:inherit;}

.form-item.radiotype .wpcf7-list-item { margin-right: 15px;}



.form-item select.wpcf7-select {width: calc(100% - 2px); }



.form-item input[name="sendername-first"],

.form-item input[name="sendername-last"],

.form-item input[name="sendername"],

.form-item input[name="email"],

.form-item input[name="phone"],

.form-item input[name="company"],

.form-item input[name="address"],

.form-item input[name="address1"],

.form-item input[name="address2"],

.form-item input[name="message"],

.form-item input[name="search"],

.form-item input[name="pass"],

.form-item textarea[name="message"] { padding: 8px 8px 6px 32px; width:calc(100% - 45px);}



.form-item input.form-submit,

.form-item input.wpcf7-submit {

  color: #ffffff;

  background: #1b4d6d;

  border: 1px solid #1b4d6d;

  display: block; padding: 10px 24px 8px 24px; text-transform: uppercase; transition: all 0.3s;

}



.form-item input.form-submit:hover,

.form-item input.wpcf7-submit:hover {

  color: #ffffff;

  background-color: #499ed5;

  border-color: #499ed5;

  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); 

  transition: all 0.3s;

}



.form-item input.form-text:focus,

.form-item input.search-text:focus,

.form-item input.wpcf7-text:focus,

/*.form-item input.wpcf7-email:focus,*/

.form-item select.wpcf7-select:focus,

.form-item textarea.wpcf7-textarea:focus {

  border-color: #499ed5; /* BORDERS - highlight color when item has focus.= */

  transition: border-color 0.3s;

  outline-color: transparent; /* this gets rid of google chroms blue outline color when the item has focus. */

}



.form-item .wpcf7-form-control-wrap {display:block; text-align: left}



.form-item.searchpage {position:relative;} /* this is for the 404 error page */



.form-item.searchpage:before, /* this is for the 404 error page */

.wpcf7-form-control-wrap:before  {

  font-family: "Workshop";

  color: #7a7a7a; /* ICONS - Starting Color */

  display: block; position: absolute; top: 8px; left: 9px; font-size: 20px; line-height: 20px; text-align: center; width: 20px; opacity: 1;  pointer-events: none;

}



.wpcf7-form-control-wrap.PatientName:before {content: "\e9c7";} /* Person Icon */

.wpcf7-form-control-wrap.ParentName:before {content: "\e9c7";} /* Person Icon */



.wpcf7-form-control-wrap.sendername-first:before {content: "\e9c7";} /* Person Icon */

.wpcf7-form-control-wrap.sendername-last:before {content: "\e9c7";} /* Person Icon */

.wpcf7-form-control-wrap.sendername:before {content: "\e9c7";} /* Person Icon */

.wpcf7-form-control-wrap.email:before {content: "\e9c8";} /* Envelope Icon */

.wpcf7-form-control-wrap.phone:before {content: "\e9c9";} /* Phone Icon */

.wpcf7-form-control-wrap.company:before {content: "\e9cb";} /* House Icon */

.wpcf7-form-control-wrap.message:before {content: "\e9ca";} /* Pencil Icon */

.wpcf7-form-control-wrap.pass:before {content: "\e98d";} /* Key Icon */

.wpcf7-form-control-wrap.address:before {content: "\e9cb";} /* House Icon */

.wpcf7-form-control-wrap.address1:before {content: "\e9cb";} /* House Icon */

.wpcf7-form-control-wrap.address2:before {content: "\e9cb";} /* House Icon */

.form-item.searchpage:before {content: "\e9cc";} /* Magnifying Glass Icon */



.form-item.searchpage.hasfocus:before, /* this is for the 404 error page */

.wpcf7-form-control-wrap.hasfocus:before {

  color:#499ed5; /* ICONS - Focus Color */

  transition: color 0.3s;

}



/* Form Required Fields */

form .form-item {position: relative;}

form .form-item.required:before {content: "*"; color: #404040; font-size: 20px; font-weight: bold; font-family:"Arial"; display: block; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-27%);z-index:2000;}

form .form-item.radiotype.required:before {right: -3px;}

form .form-item.select.required:before {top: unset; bottom: 5px; right: 10px; transform: none;}



/* Form Messages & Error Messages  */

form .wpcf7-response-output.wpcf7-mail-sent-ok,

form .wpcf7-response-output.wpcf7-validation-errors {

  border-radius: 9px; font-family: arial; font-size: 12pt; line-height: 1.3em; padding: 8px 8px 6px 32px; width:calc(100% - 45px);  margin:0;

}



form .wpcf7-response-output.wpcf7-mail-sent-ok { color: white; background: green; border: 2px solid green; text-align: left;}

form .wpcf7-response-output.wpcf7-validation-errors { color: white; background: red; border: 2px solid red; text-align: left;}



form .wpcf7-response-output.wpcf7-mail-sent-ok:before,

form .wpcf7-response-output.wpcf7-validation-errors:before {display: inline-block;margin-left:-20px;margin-right:8px; width:20px;height:20px; font-family: "Workshop"; font-size: 20px;}



form .wpcf7-response-output.wpcf7-mail-sent-ok:before {vertical-align: top; content: "\e9c8";} /* Envelope Icon */

form .wpcf7-response-output.wpcf7-validation-errors:before {content: "\ea07";} /* !  Icon */



form .wpcf7-not-valid-tip {

  color: white;

  background: red;

  border: 2px solid red;

  border-radius: 3px; font-family: arial; font-size: .8em; line-height: 1em; padding: 2px 2px 0px 2px; display:inline; position:relative; top:5px; left:8px;

}



/* ********************************* */





p.login-error {

  background-color: rgba(255,0,0,0.3); border: 1px solid rgb(255,0,0); padding: 10px 20px; border-radius: 5px; color: #000; text-align: center;

}





/* Social Media Starting Point */

.social-wrapper {display: inline-block;}

.social-wrapper .icon {

  font-family:"Workshop";display: inline-block;

  width:40px;

  height:40px;

  font-size:40px;

  margin-right:5px;

  background-color: #1b4d6d;

  color: #ffffff;

  transition: all 0.3s;

}

.social-wrapper .icon:hover {

  background-color: #499ed5;

  color:#ffffff;

}

.social-wrapper.round .icon {border-radius: 50%}



.social-wrapper a:nth-last-child(1) .icon {margin-right:0;}



.social-wrapper .icon:before {width:100%; height:100%; display:flex; align-items:center; justify-content: center;}



.social-wrapper .icon.facebook:before {content: "\e902";}

.social-wrapper .icon.twitter:before {content: "\e90a";}

.social-wrapper .icon.youtube:before {content: "\e90c";}

.social-wrapper .icon.googleplus:before {content: "\e904";}

.social-wrapper .icon.linkedin:before {content: "\e906";}

.social-wrapper .icon.pinterest:before {content: "\e907";}

.social-wrapper .icon.instagram:before {content: "\e905";}

.social-wrapper .icon.flickr:before {content: "\e903";}

.social-wrapper .icon.rss:before {content: "\e908";}

.social-wrapper .icon.soundcloud:before {content: "\e909";}

.social-wrapper .icon.yahoo:before {content: "\e90b";}

.social-wrapper .icon.avvo:before {content: "\e91d";}

.social-wrapper .icon.yelp:before {content: "\e925";font-size: 35px;}

.social-wrapper .icon.tripad:before {content: "\e923";font-size: 34px;}





/* Contact Page Base CSS */

.contact-page div.form-item {max-width: 100%; margin: 0 0 10px 0;}

.contact-page .layout-wrapper .top {width:100%; margin-bottom:2%; display:inline-block;}

.contact-page .layout-wrapper .left {width:48%; margin-right:2%; margin-bottom:2%; display:inline-block; vertical-align: top;}

.contact-page .layout-wrapper .right {width:48%; margin-left:2%; margin-bottom:2%; display:inline-block; vertical-align: top;}

.contact-page .layout-wrapper .bottom {width:100%; margin-bottom:2%; display:inline-block;}

.contact-page .layout-wrapper .map p {margin:0;}



.style1 form .form-item:nth-of-type(2) {width:31.33%; display:inline-block;margin-right:3%;}

.style1 form .form-item:nth-of-type(3) {width:31.33%; display:inline-block;margin-right:3%;}

.style1 form .form-item:nth-of-type(4) {width:31.33%; display:inline-block;}



.style5 .right {margin-top:19px;} /* this should be set to the same tap margin a H1 has on the site. */

.style6 .right {margin-top:19px;} /* this should be set to the same tap margin a H1 has on the site. */





/* Document Page Tweaks */

/*#documents table {border-spacing: 0; border-collapse: collapse; width: 100%;}

#documents table tr:nth-child(odd) {background: #ececec;}

#documents table tr:nth-of-type(1) {background: #000000;}

#documents th {background: #000000; color: #ffffff; font-size: calc(14pt + .3vw); font-weight: normal; padding: 10px; border-color: #000000; line-height: 1.1em;}

#documents td.icon {width: 32px; min-height: 32px; padding-top: 4px;  text-align: center;}

#documents td.icon:before {content: "\eadf"; color: #97161a; font-size: 32px; font-family: "Workshop";display: inline-block; margin-top: 5px;}

#documents td.filename {padding: 5px 10px; font-size: 1.1em; line-height: 1.2em;}

#documents td.filesize {text-align: center;}

#documents td.download-link {text-align: center;}*/





/* Accordion Base behavior */

.accordion-wrapper {margin: 20px 0 0 0;}

.accordion-wrapper .accordion .accordion-title {background: #eee; color: #444;  font-size: 1.2em; margin-bottom: 2px; padding: 18px; width: 100%; text-align: left; cursor: pointer; border: none; outline: none; line-height:1em; padding-right: 40px; position: relative; transition: 0.4s; box-sizing: border-box;}

.accordion-wrapper .accordion .accordion-title:hover {background: #ddd;}

.accordion-wrapper .accordion.active .accordion-title {background: #ddd;}



.accordion-wrapper .accordion .accordion-title:after {content: '\ea43'; font-family:"Workshop";  color: #444; font-size: 1.2em; float: right; margin-left: 5px; display: block; height: 20px; width: 25px; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto 0;}

.accordion-wrapper .accordion.active .accordion-title:after {content: '\ea41'; font-family:"Workshop";}

.accordion-wrapper .accordion.active .accordion-title:hover:after {color: #444;}



.accordion-wrapper .accordion .accordion-text {padding: 0 18px; max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; opacity: 0; border: 1px solid rgba(0,0,0,0); box-sizing: border-box;}

.accordion-wrapper .accordion .accordion-text.show {opacity: 1; max-height: 10000px;}

.accordion-wrapper .accordion.active .accordion-text {background: #ffffff; border-color: #ddd; border-top: 0; margin: -2px 0 10px;}









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

  #documents .row .doc-title {width: calc(100% - 80px - 185px);}

  #documents .row .doc-size {display: none;}

}



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

  .contact-page .layout-wrapper.style1 form .form-item:nth-of-type(2) {width:100%; margin-right:0%;}

  .contact-page .layout-wrapper.style1 form .form-item:nth-of-type(3) {width:100%; margin-right:0%;}

  .contact-page .layout-wrapper.style1 form .form-item:nth-of-type(4) {width:100%;}  



  .contact-page .layout-wrapper.style2 .left {width:100%; margin-right:0%; margin-bottom:35px;}

  .contact-page .layout-wrapper.style2 .right {width:100%; margin-left:0%; margin-bottom:0}



  .contact-page .layout-wrapper.style3 .left {width:100%; margin-right:0%; margin-bottom:35px;}

  .contact-page .layout-wrapper.style3 .right {width:100%; margin-left:0%; margin-bottom:0;}



  .contact-page .layout-wrapper.style4 .left {width:100%; margin-right:0%; margin-bottom:35px;}

  .contact-page .layout-wrapper.style4 .right {width:100%; margin-left:0%; margin-bottom:35px;}



  .contact-page .layout-wrapper.style5 .left {width:100%; margin-right:0%; margin-bottom:0;}

  .contact-page .layout-wrapper.style5 .right {width:100%; margin-left:0%; margin-bottom:0;}  



  .contact-page .layout-wrapper.style6 .left {width:100%; margin-right:0%; margin-bottom:35px;}

  .contact-page .layout-wrapper.style6 .right {width:100%; margin-left:0%; margin-bottom:0;}    

}



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

/*  #documents td.filename {font-size: .9em;}

  #documents td.download-link .button.more-link {padding: 10px 20px; font-size: .8em;}*/

}



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

  #documents .row .doc-title {width: calc(100% - 130px); font-size: .85em;}



  #documents .row .doc-type {display: none;}

  #documents .row .doc-link  {width: 130px; font-size: .85em;}

  #documents .row .doc-link  span {display: none;}

}



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

  #documents .row .doc-title {width: calc(100% - 80px);}

  #documents .row .doc-link {width: 80px;}

  #documents .row .doc-link .button {display: none;}

  #documents .doc-row .doc-title { font-size: .95em; }

  #documents .doc-row .doc-link .iconbox {height: 45px; width: 45px; position: relative; display: inline-block;}

  #documents .doc-row .doc-link .iconbox:before {content: "\e91a"; color: #0b6c8f; background-color:transparent; font-size: 40px; font-family: "Workshop";display: block; line-height: 1em;}

  #documents .doc-row .doc-link .iconbox:hover:before {color: #53c9f2;}



/*  #documents tr:nth-of-type(1) th:nth-of-type(1) {display: none;}

  #documents td.icon {display: none;} 



  #documents td.download-link a.button.more-link {color: transparent; overflow:hidden; width: 32px; height: 32px; padding: 0; background-color: transparent; border-color: transparent;}

  #documents td.download-link a.button.more-link:hover {background-color: transparent; border-color: transparent;}

  #documents td.download-link a.button.more-link:before {content: "\eadf"; color: #97161a; background-color:transparent; font-size: 32px; font-family: "Workshop";display: block; line-height: 1em;}

  #documents td.download-link a.button.more-link:hover:before {color: #fcb040; background-color:transparent;}*/

}


/*  -------------- Scrollbar theme ---------------------------------------------------  */

::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

::-webkit-scrollbar {width: 10px; background: rgba(0,0,0,0);}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb {border-radius: 2px;  -webkit-box-shadow: inset 0 0 2px #1c1c1c; background: #8899a8; }


/*  --------------  Column Style for all content types in core--------------------------  */

.itembox.col-one {width:100%;}

.itembox.col-two {width:48%; margin-right:4%; margin-bottom:30px; display:block;}
.itembox.col-two:nth-child(2n+2) {margin-right:0;}
.itembox.col-two:nth-child(2n+3) {clear:both;}

.itembox.col-three {width:31.33%; margin-right:3%; margin-bottom:30px; display:block;}
.itembox.col-three:nth-child(3n+3) {margin-right:0;}
.itembox.col-three:nth-child(3n+4) {clear:both;}

.itembox.col-four {width:22.75%; margin-right:3%; margin-bottom:30px; display:block;}
.itembox.col-four:nth-child(4n+4) {margin-right:0;}
.itembox.col-four:nth-child(4n+5) {clear:both;}

.itembox.col-five {width:18.4%; margin-right:2%; margin-bottom:30px; display:block;}
.itembox.col-five:nth-child(5n+5) {margin-right:0;}
.itembox.col-five:nth-child(5n+6) {clear:both;}

.itembox.col-six {width:15%; margin-right:2%; margin-bottom:30px; display:block;}
.itembox.col-six:nth-child(6n+6) {margin-right:0;}
.itembox.col-six:nth-child(6n+7) {clear:both;}


@media only screen and (max-width:1200px) {
  .itembox.col-six:nth-child(6n+6) {margin-right:2%;}
  .itembox.col-six:nth-child(6n+7) {clear:none;}
  .itembox.col-six {width:18.4%; margin-right:2%; margin-bottom:30px;}
  .itembox.col-six:nth-child(5n+5) {margin-right:0;}
  .itembox.col-six:nth-child(5n+6) {clear:both;}
}

@media only screen and (max-width:1024px) {
  .itembox.col-three:nth-child(3n+3) {margin-right:4%;}
  .itembox.col-three:nth-child(3n+4) {clear:none;}
  .itembox.col-three {width:48%; margin-right:4%; margin-bottom:30px;}
  .itembox.col-three:nth-child(2n+2) {margin-right:0;}
  .itembox.col-three:nth-child(2n+3) {clear:both;}

  .itembox.col-four:nth-child(4n+4) {margin-right:3%;}
  .itembox.col-four:nth-child(4n+5) {clear:none;}
  .itembox.col-four {width:31.33%; margin-right:3%; margin-bottom:30px;}
  .itembox.col-four:nth-child(3n+3) {margin-right:0;}
  .itembox.col-four:nth-child(3n+4) {clear:both;}   
  
  .itembox.col-five:nth-child(5n+5) {margin-right:3%;}
  .itembox.col-five:nth-child(5n+6) {clear:none;}
  .itembox.col-five {width:22.75%; margin-right:3%; margin-bottom:30px;}
  .itembox.col-five:nth-child(4n+4) {margin-right:0;}
  .itembox.col-five:nth-child(4n+5) {clear:both;}

  .itembox.col-six:nth-child(6n+6) {margin-right:3%;}
  .itembox.col-six:nth-child(5n+5) {margin-right:3%;}
  .itembox.col-six:nth-child(5n+6) {clear:none;}
  .itembox.col-six {width:22.75%; margin-right:3%; margin-bottom:30px; }
  .itembox.col-six:nth-child(4n+4) {margin-right:0;}
  .itembox.col-six:nth-child(4n+5) {clear:both;}
}


@media only screen and (max-width:850px) {
  .itembox.col-five:nth-child(4n+4) {margin-right:3%;}
  .itembox.col-five:nth-child(4n+5) {clear:none;}
  .itembox.col-five {width:31.33%; margin-right:3%; margin-bottom:30px;}
  .itembox.col-five:nth-child(3n+3) {margin-right:0;}
  .itembox.col-five:nth-child(3n+4) {clear:both;}
  
  .itembox.col-six:nth-child(4n+4) {margin-right:3%;}
  .itembox.col-six:nth-child(4n+5) {clear:none;}
  .itembox.col-six {width:31.33%; margin-right:3%; margin-bottom:30px; }
  .itembox.col-six:nth-child(3n+3) {margin-right:0;}
  .itembox.col-six:nth-child(3n+4) {clear:both;}
}

@media only screen and (max-width:768px) {
  .itembox.col-four:nth-child(3n+3) {margin-right:4%;}
  .itembox.col-four:nth-child(3n+4) {clear:none;}
  .itembox.col-four {width:48%; margin-right:4%; margin-bottom:30px;}
  .itembox.col-four:nth-child(2n+2) {margin-right:0;}
  .itembox.col-four:nth-child(2n+3) {clear:both;} 
}

@media only screen and (max-width:640px) {
  .itembox.col-two {width:100%; margin-right:0%; margin-bottom:30px; clear:both; }
  .itembox.col-three {width:100%; margin-right:0%; margin-bottom:30px; clear:both; }
  .itembox.col-three:nth-child(3n+3) {margin-right:0%;}

  .itembox.col-five:nth-child(5n+5) {margin-right:4%;}
  .itembox.col-five:nth-child(3n+3) {margin-right:4%;}
  .itembox.col-five:nth-child(3n+4) {clear:none;}
  .itembox.col-five {width:48%; margin-right:4%; margin-bottom:30px; }
  .itembox.col-five:nth-child(2n+2) {margin-right:0;}
  .itembox.col-five:nth-child(2n+3) {clear:both;} 
  
  .itembox.col-six:nth-child(5n+5) {margin-right:4%;}
  .itembox.col-six:nth-child(3n+3) {margin-right:4%;}
  .itembox.col-six:nth-child(3n+4) {clear:none;}
  .itembox.col-six {width:48%; margin-right:4%; margin-bottom:30px; }
  .itembox.col-six:nth-child(2n+2) {margin-right:0;}
  .itembox.col-six:nth-child(2n+3) {clear:both;}
}

@media only screen and (max-width:400px) {
  .itembox.col-four {width:100%; margin-right:0%; margin-bottom:30px; clear:both; }
  .itembox.col-five {width:100%; margin-right:0%; margin-bottom:30px; clear:both; }
  .itembox.col-six {width:100%; margin-right:0%; margin-bottom:30px; clear:both; }
}