/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
.fvadd-content { width: 100% !important; max-width: 100% !important; }
.fvadd-front { width: 60%; float: left;  }
.fvadd-thumbnail { width: 40%; float: left; display: grid; }
.fvadd-thumbnail-item { width: 100%;  }
.fvadd-thumbnail-item div:first { width: 100%; margin-top: 0px !important;  }
.fvadd-thumbnail-image { width: 40%; display: block;  position: relative; float: left;}
.fvadd-thumbnail-image a img { width: 95%; height: auto; padding-left: 15px; }
.fvadd-thumbnail-content { width: 60%; display: block;  position: relative; float: left; }
.fvadd-thumbnail-content h1 { margin-top: 0px; font-size: 16px;  }
.fvadd-content hr { width: 100%;  }
.fvadd-floating-fixed { position: fixed; bottom: 100px; right: 5px; width: 435px; margin: 0 !important; padding: 0 !important; z-index: 99999; }
#fvadd-fixed-cancel { display: none; float: right; }
.fvadd-floating-cancel { display: grid !important; position: absolute; top: -20px; right: 0; } 
.dashicons-no:before{ content: 'x'; color: black; font-weight: 300; font-family: Arial, sans-serif; }
.fvadd-gallery-main  { position: relative; width: auto; height: auto; margin-left: -15px; margin-right: -15px; display: block; max-width: 100% !important; }
.fvadd-gallery-item { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; ndisplay: inline-block; vertical-align: top; width: 33.3333%; float: left; }
.fvadd-gallery-video { width: 100%; }
.fvadd-gallery-main * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.fvadd-paginate { position: relative; display: -webkit-inline-box; width: 100% !important;  max-width: 100% !important; }
}


/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
 .fvadd-content { width: 100% !important; max-width: 100% !important; }
.fvadd-front { width: 100%; float: left;  }
.fvadd-thumbnail { width: 100%; float: left; display: grid; margin-top: 50px; }
.fvadd-thumbnail-item { width: 100%; margin-bottom: 15px !important;  }
.fvadd-thumbnail-image { width: 40%; display: block;  position: relative; float: left;}
.fvadd-thumbnail-image a img { width: 95%; height: auto; padding-left: 15px; }
.fvadd-thumbnail-content { width: 60%; display: block;  position: relative; float: left; }
.fvadd-thumbnail-content h1 { margin-top: 0px; font-size: 16px;  }
.fvadd-content hr { width: 100%;  }
#fvadd-fixed-cancel { display: none; }
#fvadd-fixed-cancel { display: none; }
.fvadd-gallery-main  { position: relative; width: auto; height: auto; margin-left: -15px; margin-right: -15px; display: block; max-width: 100% !important; }
.fvadd-gallery-item { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; ndisplay: inline-block; vertical-align: top; width: 100%; float: left; }
.fvadd-gallery-video { width: 100%; }
.fvadd-gallery-main * { -webkit-box-sizing: border-box; box-sizing: border-box; }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
.fvadd-content { width: 100% !important; max-width: 100% !important; }
.fvadd-front { width: 100%; float: left;  }
.fvadd-thumbnail { width: 100%; float: left; display: grid; margin-top: 50px; }
.fvadd-thumbnail-item { width: 100%; margin-bottom: 15px !important;  }
.fvadd-thumbnail-image { width: 40%; display: block;  position: relative; float: left;}
.fvadd-thumbnail-image a img { width: 95%; height: auto; padding-left: 15px; }
.fvadd-thumbnail-content { width: 60%; display: block;  position: relative; float: left; }
.fvadd-thumbnail-content h1 { margin-top: 0px; font-size: 16px;  }
.fvadd-content hr { width: 100%;  }
#fvadd-fixed-cancel { display: none; }
#fvadd-fixed-cancel { display: none; }
.fvadd-gallery-main  { position: relative; width: auto; height: auto; margin-left: -15px; margin-right: -15px; display: block; max-width: 100% !important; }
.fvadd-gallery-item { padding-left: 15px; padding-right: 15px; margin-bottom: 30px; ndisplay: inline-block; vertical-align: top; width: 100%; float: left; }
.fvadd-gallery-video { width: 100%; }
.fvadd-gallery-main * { -webkit-box-sizing: border-box; box-sizing: border-box; }
}