/*!
Theme Name: Jordan Su
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Dont delete this */ 
/** Custom Paddings **/
.pad-xl .fl-row-content-wrap{
  padding-top: 12%;
  padding-bottom: 12%;
}
.pad-lg .fl-row-content-wrap{
  padding-top: 10%;
  padding-bottom: 10%;
}
.pad-md .fl-row-content-wrap{
  padding-top: 8%;
  padding-bottom: 8%;
}
.pad-sm .fl-row-content-wrap{
  padding-top: 6%;
  padding-bottom: 6%;
}
.pad-xs .fl-row-content-wrap{
  padding-top: 5%;
  padding-bottom: 5%;
}
.pad-xss > .fl-row-content-wrap {
  padding-top: 4%;
  padding-bottom: 4%;
}
/** REMOVE PADDING **/
/* Remove padding top or bottom */
.remove-pad-top .fl-row-content-wrap {
  padding-top: 0 !important;
}
.remove-pad-bottom  .fl-row-content-wrap{
  padding-bottom: 0 !important;
}
.fl-module-uabb-heading .fl-module-content{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/** Column Padding **/
.pad-xl-col > .fl-col-content {
  padding: 12% 12% !important;
}
.pad-lg-col > .fl-col-content {
  padding: 10% 10% !important;
}
.pad-md-col > .fl-col-content {
  padding: 8% 8% !important;
}
.pad-sm-col > .fl-col-content {
  padding: 6% 6% !important;
}
.pad-xs-col > .fl-col-content {
  padding: 4% 4% !important;
}
.pad-xss-col > .fl-col-content {
  padding: 2% 2% !important;
}
/** Mobile Paddings **/
@media only screen and (max-width: 670px) {
.pad-xl .fl-row-content-wrap, .pad-lg .fl-row-content-wrap, .pad-md .fl-row-content-wrap, .pad-sm .fl-row-content-wrap, .pad-xs .fl-row-content-wrap, .pad-xss > .fl-col-content{
    padding-top: 30px !important;
    padding-bottom: 35px !important;
  }
  .pad-xs-col  .fl-col-content.fl-node-content{ padding-top: 20px !important;
    padding-bottom: 35px !important; }
}
/** Nagative Margins **/
@media only screen and (min-width: 1024px) {
  .neg-top {
    margin-top: -120px;
  }
  .neg-bottom {
    margin-bottom: -120px;
  }
  .neg-left {
    margin-left: -120px;
  }
  .neg-right {
    margin-right: -120px;
  }

.search .pad-lg .fl-row-content-wrap {
    padding-bottom: 2%;
    padding-top: 29%;
}
}

/* Remove element margin */
.remove-margin-top .fl-module-content{
  margin-top: 0 !important;
}
.remove-margin-bottom .fl-module-content{
  margin-bottom: 0 !important;
}
.hide-xs, .show-small-device {
    display: none !important; 
}

/**------------------------------ 
 * Buttons
 ----------------------------**/
.btn > .fl-button-wrap, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit], .rev-btn, button, .btn-primary, .btn {
  padding: 14px 20px;
  font-size: 14px;
  border-radius: 0;
  letter-spacing: 0;
  text-transform: initial;
  border: 0px solid transparent;
  margin-top: 20px;
  font-family:"Muli" !important;	
}
/* Button one */
.btn.btn-one>.fl-button-wrap {

}

/**------------------------------ 
 * Mobile CTA
 ----------------------------**/
#mobile-phone-cta {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 44px;
    z-index: 9;
    background-color: #000000;
    padding: 0!important;
}
#mobile-phone-cta a {
  display: block;
  height: 44px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 18px;
  padding-top: 6px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  font-weight: bold;
}
#mobile-phone-cta a:hover {
  background-color: #ec3900 !important;
  color: #fff;
}
#mobile-phone-cta a i, #mobile-phone-cta a:hover i {
	color: #fff !important;
}
/** Scroll To Top **/
#fl-to-top {
	background-color: #aba29f;
	bottom: 60px;
}
#fl-to-top:hover {
  background-color: #000;
}
/** Beaver Builder Remove Module Margins **/
.fl-module-content {
    margin-top: 0;
    margin-bottom: 0;
}

/* Button one > hover */
.btn.btn-one:hover>.fl-button-wrap, .btn-one .uabb-creative-button-wrap a:hover, .gform_wrapper .gform_footer input.button {
    background: transparent;
}
.btn-one .uabb-creative-button-wrap a, .rev-btn, .gform_button {
    position: relative;
    font-weight: 500;
    display: inline-block !important;
    font-family:"Poppins";
}
.uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited {
    overflow: inherit !important;
}
.gform_wrapper .gform_footer input.button, .rev-btn {
    background: #cfeeaf;
    border: 1px solid #cfeeaf;
}
.gform_wrapper .gform_footer input.button, .rev-btn:hover {
    background: transparent;
        color: #4f6837;
}
/* Button two */
.btn.btn-two>.fl-button-wrap {
  background-color: #101010 !important;
  color: #F8F8F8 !important;
  border: 0px solid transparent !important;
}
/* Button two > hover */
.btn.btn-two:hover>.fl-button-wrap {
  background-color: #282828 !important;
}

/* Button three */
.btn.btn-three>.fl-button-wrap, {
  background-color: #101010 !important;
  color: #F8F8F8 !important;
  border: 0px solid transparent !important;
}
/* Button three > hover */
.btn.btn-three:hover>.fl-button-wrap {
  background-color: #282828 !important;
}

/**------------------------------ 
 * Gravity Form Buttton
 ----------------------------**/
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
     background: #cfeeaf !important;
    border: 1px solid #cfeeaf !important;
    color: #4f6837 !important;
    border-radius: 30px !important;
    font-weight: 500;
    padding:12px 35px !important;
}
.gform_wrapper .gform_footer {
    padding-bottom: 0;
}

/* form button */
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
    background: transparent !important;
        color: #4f6837 !important;
}
.fl-page {
    overflow-x: hidden;
}
body, p, a {
    line-height: 30px;
}
 p:last-child {
    margin-bottom: 0 !important;
}
a, a:hover{  
    text-decoration: none !important; 
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.right-content .fl-col-content {
    padding-left: 30px;
}
.left-content .fl-col-content {
    padding-left: 30px;
}

/** 
 * Default header for blog single, search, error...
 **/
.default-header-bg {
  position: relative;
  z-index: 1;
}
h1.container.default-header-title {
  position: relative;
  top: 42%;
  color: #fff;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 1;
}
.default-header-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.35); /* FF3.6-15 */
}
.default-header-img h1{
  text-align: center;
  text-shadow: 1px 1px 10px rgba(0,0,0,0.24);
}
/** Search **/
#bb-custom-search-result article.fl-post {
    width: 70%;
    margin: 0px auto;
}
.search-article {
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.search-article:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}
/** 404 Error page **/
.fl-404 {  padding: 0; }
.error404 .fl-post-content.clearfix, .error404  .fl-post-header {   display: none; }

h2, h3, h4, h5, h6 { font-weight:300 !important;} 
/** Custom CSS 
 * ---------------------**/
 /** Click to Down Arrow **/
#text-2 .textwidget {
    text-align: center;
}


@media screen and (max-width: 767px) {
  /** font size for smaller devices */

  #text-2 .textwidget {
    text-align: center;
    margin-top: 20px;
    }
    .textwidget.custom-html-widget {
    text-align: center;
}
  h1 {  font-size: 35px !important; line-height: 42px !important; }
  h2 {  font-size: 28px !important; line-height: 36px !important; }
  h3 { font-size: 22px !important; line-height: 30px !important  }
#mobile-phone-cta {
    display: block !important;
}
  }
 
 /** Overlap Header **/
@media screen and (min-width: 1024px) {
  .fl-page-bar {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
  }
  .fl-page-header, .fl-page-header-wrap {
    background-color: transparent;
    border-bottom-style: none; /* Removes the 1px border below the menu */
    position: absolute;
    top:0px; /* Height of top bar */
    width: 100%;
    z-index: 10;
    border-bottom: 0px !important;
  }
}

.float-container
{
    position: fixed;
    top: 33%;
    right: 0;
	z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width:auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.float-container a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 200px;
	height: 30px;
	margin-right: -150px;
	margin-bottom: 10px;
	padding: 25px 15px 25px 15px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	text-decoration: none;
	color: white;
	border-color: #46b8da;
	border-radius: 10px 0 0 10px;
	background-color: #0e0e0e;
	-webkit-box-shadow: 0 2px 4px #000;
	box-shadow: 0 2px 4px #000;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-weight: bold;
}
.float-container a:hover, .float-container a:hover i, .float-container a:focus i{
	margin-right:0;
	color:#ffea6d;
}
.float-container a i {
	font-size: 25px;
	color: #ffea6d;
	padding-right: 15px;
}

.float-container a img {
  margin-right: 15px;
}





/* Header */

body{
overflow-x: hidden; 
}

.fl-page-header-container.container {
    width: 100% !important;
    background: #fff;
    max-width: 100%;
  box-shadow: 0px 5px 4px 0px rgba(0,0,0,0.2);
}
header   {
    margin-top:70px
}
.fl-page-header-container.container {
    height: 70px;

}
.fl-page-nav-collapse.collapse.navbar-collapse {
    position: relative;
    top: -52px;
}
.fl-page-header-primary .fl-logo-img {
    position: relative;
    top: 5px;
    width: 330px;
}

.about-img .fl-photo-content.fl-photo-img-jpg {
  position: relative;
  z-index: 0;
}
.about-img .fl-photo-content.fl-photo-img-jpg img {
  border: 2px solid #fff;
}
.about-img .fl-photo-content.fl-photo-img-jpg::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(237,237,237,0.5);
  left: 20px;
  top: 20px;
  z-index: -1;
}
.primary-btn .uabb-creative-button-wrap a {
  padding: 15px 30px;
  font-weight: 600;
}
.service-section {
  position: relative;
}


.bottom-content .fl-photo-content.fl-photo-img-jpg {
  position: relative;
  z-index: 0;
}

.bottom-content .fl-photo-content.fl-photo-img-jpg img {
  border: 2px solid #fff;
}
.bottom-content .fl-photo-content.fl-photo-img-jpg::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(237,237,237,0.5);
  left: 20px;
  top: 20px;
  z-index: -1;
}

/* CTA Section */
.cta-section .uabb-subheading a {
  color: #ffc800;
}
.cta-section .uabb-subheading a:hover {
  color: #ffffff;
}

/* Footer */
.fl-page-footer-widgets .fl-widget {
  margin-bottom: 0;
}
.footer-logo img {
  margin: 0 !important;
}
.fl-page-footer-widgets .fl-page-footer-widgets-container {
  padding: 100px 20px 40px 20px !important;
}
.fl-page-footer-widgets h4 {
  font-family: "Muli",sans-serif;
  font-weight: 600 !important;
  margin-bottom: 25px;
  position: relative;
}
.fl-page-footer-widgets h4::after {
  position: absolute;
  content: "";
  width: 125px;
  height: 1px;
  background: #cccccc;
  top: 50%;
  margin-left: 10px;
}
.flocation i {
  float: left;
  position: relative;
  top: 7px;
}
.flocation span {
  display: block;
  overflow: hidden;
  line-height: 24px;
}
.footer-contact-info i {
  margin-right: 15px;
  color: #ed5525;
  font-size: 20px;
}

.footer-smedia ul li {
  display: inline-block;
}

.footer-smedia ul li i {
  font-size: 23px;
  margin: 0 5px 10px;
  border: 2px solid #000;
  border-radius: 25px;
  width: 45px;
  height: 45px;
  line-height: 40px;
  text-align: center;
}
.footer-smedia ul li i:hover {
  border: 2px solid #ed5525;
}


/* Contact Form */
.ginput_container.ginput_container_date input.datepicker {
  width: 100% !important;
}

.gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_time_hour {
  max-width: 50% !important;
  width: 50% !important;
}
body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0 !important;
}
.gform_wrapper textarea.medium {
  height: 90px !important;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0px !important;
}
.gform_wrapper .gfield_time_hour i {
  display: none;
}
#gform_submit_button_1 {
  background: #464646 !important;
  color: #fff !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 15px 30px !important;
  font-weight: 600;
display: block !important;
font-family: "Mulish",sans-serif !important;
}
#gform_submit_button_1:hover {
  background: #000 !important;
  color: #fff !important;
}

/* Inner Pages*/
.footer-smedia ul.top-action-list {
  padding: 0;
  margin: 0;
}
.contact-page-info {
  line-height: 28px;
}
.testimonial-info {
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
}
.testimonial-info .uabb-testimonial {
  padding: 20px 10px;
}
input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="number"]::placeholder, input[type="search"]::placeholder, input[type="url"]::placeholder, textarea::placeholder {
  color: rgb(53, 53, 53, 1) !important;
}
.testimonial-page .fl-row-content-wrap {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Mobile Modes */
@media screen and (max-width: 767px) {
.pods-section .pod-info {
  margin-bottom: 20px;
}

.footer-contact-info {
  margin: 35px 0;
}
.fl-page-footer-container {
  padding-top: 20px;
  padding-bottom: 40px;
}
.fl-page-header-container.container {
  height: 100px;
  padding: 10px;
}
header {
  margin-top: 0px;
}
.fl-page-header-primary .fl-logo-img {
  width: 250px !important;
}
.hesperiden.tp-bullets {
  transform: matrix(1, 0, 0, 1, -20, -50) !important;
}
.separator .fl-module-content.fl-node-content {
  margin: 40px 0 50px !important;
}
.bottom-content .fl-photo-content.fl-photo-img-jpg::after, .about-img .fl-photo-content.fl-photo-img-jpg::after {
  display: none;
}
.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled.fl-fixed-header .navbar-toggle {
  top: 35px;
}

.fl-page-header-primary .fl-logo-img {
    top: 2px;
}
.menus .uabb-price-list-text{
  margin-bottom: 30px !important;
  }
.menus .uabb-price-list-text div, .menus .uabb-price-list-text span {
  line-height: 10px;
  padding: 0 !important;
  margin-left: 0 !important;
}
  
}


@media screen and (min-width: 320px) and (max-width: 420px) {
.cta-section .fl-row-content-wrap {
  padding-top: 25% !important;
}
.gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
  width: 100% !important;
}
}


@media screen and (min-width: 421px) and (max-width: 767px) {
.cta-section .fl-row-content-wrap {
  padding-top: 15% !important;
}
.pods-section .fl-col-small {
  width: 50% !important;
  float: left;
  clear: none;
  margin-bottom: 30px;
}
}

/* Ipad Modes */
@media screen and (max-width: 768px) {
.fl-col-small {   max-width:100% !important  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.cta-section .fl-row-content-wrap {
  padding-top: 12% !important;
}
.pods-section .fl-col-small {
  width: 50% !important;
  float: left;
  clear: none;
  margin-bottom: 20px;
}
.bottom-content .fl-photo-content.fl-photo-img-jpg::after, .about-img .fl-photo-content.fl-photo-img-jpg::after {
  width: 78%;
  left: 100px;
}
.inner-page .about-img .fl-photo-content.fl-photo-img-jpg::after {
  width: 80%;
  left: 100px;
}
.service-section .services-info {
  width: 100%;
}
.service-section .services-info .fl-col-content.fl-node-content {
  padding: 0;
}
.separator .fl-module-content.fl-node-content {
  margin: 40px 0 50px !important;
}
.fl-page-header-primary .fl-logo-img {
  top: -43px;
  height: 100px !important;
}
.fl-page-header-container.container {
  padding: 50px;
}
header {
  margin-top: 0 !important;
}
.fl-nav-mobile-offcanvas.fl-responsive-nav-enabled.fl-fixed-header .navbar-toggle {
  top: 35px;
}
.fl-page-nav-centered-inline-logo .fl-page-header-logo {
  height: 0;
}

.menus-page .fl-col-small {
  width: 100%;
}
}



@media screen and (min-width: 768px) and (max-width: 1720px) {
.service-section::before {
  background: none;
}

}

@media screen and (min-width: 1024px) and (max-width: 1720px) {
.services-info .fl-col-content {
  padding-left: 0;
  padding-right: 70px;
}
}
@media screen and (min-width: 1260px) and (max-width: 1600px) {
.float-container {
	top: 50%;
}
}

.uabb-ib-effect-style14 .uabb-new-ib-desc {
    padding: 10px;
}
.uabb-heading-wrapper .uabb-subheading * {
    margin-bottom: 10px !important;
}


.uabb-ib-effect-style2.uabb-ib2-hover .uabb-new-ib-title {
    top: 38%;
}
.uabb-ib-effect-style2.uabb-ib2-hover .uabb-new-ib-content {
    bottom: auto;
    top: 31.5%;
}


.fl-page-footer-widgets {
    border-top: 0px solid #e6e6e6 !important;
}


.fl-page-nav-wrap .navbar-nav li>a {
    font-weight: 600;
}


@media only screen and (max-width: 850px) and (min-width: 769px) {

.mbl-align .fl-col-small {
    width: 100% !important;
}

.mbl-align img {
    margin-bottom: 25px;
}
	}



	.uabb-ib-effect-style14 .uabb-new-ib-desc::before {
    top: 10px !important;
    right: 10px  !important;
    bottom: 10px !important;
    left: 10px !important;
}



@media screen and (max-width: 767px) {
.fl-page-footer-widgets .fl-page-footer-widgets-container {
    padding: 80px 20px 30px 20px !important;
}
.search .pad-lg .fl-row-content-wrap {
    padding-top: 30% !important;
}
}

/*.default-header-img.fl-row-content-wrap {
    background-position: center top !important;
}
*/

.fl-page-footer-widgets a:hover *{
	color: #040404 !important;
}

.uabb-read-more-text a span{
  display: none;
}
.uabb-blog-posts .uabb-blog-posts-shadow {
    background: #ffffff;
    transition: all 0.3s linear;
    width: 100%;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
    position: relative; 
}
p.uabb-post-meta.uabb-blog-post-section {
    border-bottom: 1px solid #d5d5d5;
}
/*.uabb-blog-posts .uabb-post-wrapper:hover .uabb-blog-posts-shadow{
  border-bottom:  5px solid #857263; 
}*/

.uabb-blog-posts .uabb-post-wrapper .uabb-blog-posts-shadow:before, 
.uabb-blog-posts .uabb-post-wrapper .uabb-blog-posts-shadow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 5px;
    background: transparent;
    width: 0;
    transition: all 0.3s ease-out;
}
.uabb-blog-posts .uabb-post-wrapper:hover .uabb-blog-posts-shadow:after, .uabb-blog-posts .uabb-post-wrapper .uabb-blog-posts-shadow:after {
    width: 100%;
}
.uabb-blog-posts .uabb-post-wrapper:hover .uabb-blog-posts-shadow:before {
    /*background: #857263;*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    z-index: 2;
    width: 100%;
}
.uabb-post-wrapper .uabb-blog-post-content {
    overflow: visible;
}
.uabb-blog-posts .uabb-post-wrapper:hover .uabb-blog-posts-shadow .uabb-blog-post-content:after {
    opacity: 1;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    background: #154552;
    color: #FFF;
    border: 1px solid #154552;
}
.uabb-posted-on {
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    top: 0;
    padding: 0.16em;
    margin: 0;
    color: #ffffff;
    background: rgba(21,69,82,0.75);
    margin: 0;
    z-index: 1;
}
.blog-sidebar .fl-widget .fl-widget-title,
.fl-sidebar .fl-widget .fl-widget-title{
    margin-bottom: 22px;
    font-size: 21px;
    line-height: 31px;
    color: #072a33;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(7, 42, 51, 0.24);
    padding-bottom: 10px;
    margin-top: 0px;
}
.blog-sidebar .fl-widget ul li:before,
.fl-sidebar .fl-widget ul li:before {
    content: "\f30b";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #072a33;
    padding-right: 5px;
}
.fl-comments{
  display: none !important;
}
select#archives-dropdown-2, #search-2 input {
    height: 45px;
    width: 100%;
    padding: 0px 10px;
}
.fl-post .fl-post-image-beside {
    float: left;
    margin-right: 0;
}
.fl-post .fl-post-image-beside .fl-post-thumb img {
    width: 100%;
}
.archive .row.fl-post-image-beside-wrap {
    margin: 0px;
}
.fl-archive .fl-post {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.archive header {
    margin-top: 0px;
}
.fl-post .fl-post-image-beside .fl-post-thumb,
.single .fl-post-thumb{
    text-align: center;
}
.uabb-blog-posts-description {
    padding-top: 0;
    word-wrap: break-word;
}
.fl-post-title a {
    font-size: 22px;
}
.fl-post-meta, .fl-post-meta a{
  color: #727272;
    font-weight: 600;
    font-size: 12px;
}
.default-header-bg.pad-lg.inner-page-banner.blog-header .default-header-img.fl-row-content-wrap {
    padding-top: 350px;
    padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
.blog-section .fl-col-group .fl-col, .fl-archive.container .fl-content, .fl-archive.container .fl-sidebar{
width: 100%;
}
}
@media (max-width: 992px){ 
.default-header-bg.pad-lg.inner-page-banner.blog-header .default-header-img.fl-row-content-wrap {
    padding-top: 270px;
}
}
@media (max-width: 991px){ 
  select#archives-dropdown-2, #search-2 input {
    width: 320px;
}
}
@media (max-width: 768px){ 
.default-header-bg.pad-lg.inner-page-banner.blog-header .default-header-img.fl-row-content-wrap {
    padding-top: 150px !important;
}
}
@media (max-width: 767px){ 
  select#archives-dropdown-2, #search-2 input {
    width: 100% !important;
}
}