/*
Theme Name: Russ Perry
Theme URI: https://wordpress.org/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Russ Perry is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Russ Perry will make your WordPress look beautiful everywhere.
Version: 1.0
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: russperry

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,,500i,700,700i');
/*@import url('../css/font-awesome.css');*/

@font-face {
    font-family: 'CAGeheimagent';
    src: url('./fonts/CAGeheimagent-BoldItalic.eot');
    src: url('./fonts/CAGeheimagent-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CAGeheimagent-BoldItalic.woff2') format('woff2'),
        url('./fonts/CAGeheimagent-BoldItalic.woff') format('woff'),
        url('./fonts/CAGeheimagent-BoldItalic.svg#CAGeheimagent-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'CAGeheimagent';
    src: url('./fonts/CAGeheimagent-Bold.eot');
    src: url('./fonts/CAGeheimagent-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/CAGeheimagent-Bold.woff2') format('woff2'),
        url('./fonts/CAGeheimagent-Bold.woff') format('woff'),
        url('./fonts/CAGeheimagent-Bold.svg#CAGeheimagent-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


*{box-sizing: border-box;outline: none; padding: 0; margin: 0;}
body{ font-family: 'Montserrat', sans-serif; color:#222222 ; margin: 0;font-size: 14px; padding: 0;line-height: 28px; overflow-x: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}


h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: normal; padding: 0; margin: 0; }
li,ul{list-style-type: none; color:#6d6d6d;  padding: 0; margin: 0;}
p{margin-bottom:15px;}
a,button{text-decoration: none; padding: 0; margin: 0; transition: ease 0.5s; -webkit-transition: ease 0.5s; -moz-transition: ease 0.5s;}
a:focus{text-decoration: none;}
a:hover{text-decoration: none; color:inherit;}
img{vertical-align: middle; max-width: 100%;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select
{color:#444444; width:100% !important;-webkit-appearance: none; -webkit-border-radius: 0;   border:none; padding:0 10px;line-height:38px;height:40px;  font-size:16px;border: 1px solid #ccc; font-family: 'Montserrat', sans-serif;}
select {color:#4FA7E0; text-transform: uppercase; border-color: #4FA7E0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; background-repeat:no-repeat; background-position: right 12px center; letter-spacing: 0.1rem;}

textarea{min-height: 100px;}
input[type="submit"]{font-weight:800;color:#fff; cursor:pointer; -webkit-appearance: none;width: auto; border-radius:0px; border:none; box-sizing:border-box; background-color:#b6b9a4; padding:14px 15px;line-height:22px; font-size:16px; display: inline-block;padding: 15px 70px;height: auto;line-height: normal;text-transform: uppercase;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:#bfc885;}

select option{padding:3px 10px; font-size: 16px;}

select * {  background-color:#000;  color:#FFF;  line-height: 20px; text-transform: capitalize; }
ul,li{list-style:none;}

h1 { font-size: 60px; font-family: 'CAGeheimagent', sans-serif; line-height: 52px; }
h2 { font-size: 50px; font-weight: 700; } 
h3 { font-weight: 400; padding-bottom: 6px; font-size: 20px; font-weight: 500;}
h1 strong { display: block; color: #FAAD3B; }

::-webkit-input-placeholder{color:#1E1E1E;}
:-moz-placeholder{color:#1E1E1E;opacity:1;}
::-moz-placeholder{color:#1E1E1E;opacity:1;}
:-ms-input-placeholder{color:#1E1E1E;}

.slick-slide a:focus { outline: none; border: none; }

@media (min-width: 768px) {
.bgmain{background-size: cover; background-position: center; background-position: center; }
}

@media (min-width: 450px) and (max-width: 767px) {
    .bgmain {
    }
}

@media (max-width: 767px) {
    .bgmain {
        background-size: 100% !important;
        background-repeat: no-repeat  !important;
        background-position: center;
    min-height: 160px !important;

    }
}

.popup{display: none;}
.popup-open .cover{z-index: inherit}
.popup iframe{display: inline-block; width: 500px;  height:300px;}
.cover{position: relative; z-index: 1; opacity: 1;}

.flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-container.center { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center;  align-items: center;}

.btn { background: #F9AD3B; color: #fff; border-radius: 0px;  font-weight: 700; font-size: 15px; padding: 14px 18px; min-width: 210px; transition: 0.5s ease; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; }
.btn:hover { background: #000; color: #fff; }

/*<============== .header-section ==============>*/
.header-section { width: 100%; float: left; position: relative; z-index: 999;}
span.up-btn{display: none;}
.header-top { background-color: #F9AD3B; padding: 5px 0; }
.header-top ul { float: right; }
.header-top ul li { display: inline-block; padding-left: 5px; }
.header-top ul li a { width: 34px; height: 34px; background: #222222; text-align: center; border-radius: 100%; color: #fff; align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; display: flex; border: 2px solid transparent; }
.header-top ul li i { line-height: normal; }
.header-top ul li a:hover { background: #f9ad3b; border-color: #1d1d1d; }

.header-top ul li a:after{content: ""; position: absolute;  top: 30px; left: 30px; right: 0; z-index: -1; border-radius: 50%;  background:#F9AD3B; width: 100%; height: 100%; transition: all 0.5s;}
.header-top ul li a:hover:after{left: 0; top: 0;}

.header-search-box form {position: relative;width: 100%;max-width: 336px;float: right;}
.header-search-box form button:after { content: "\f002"; font-family: fontawesome; }
.header-search-box form button { background: #222222; color: #fff; border: none; width: 50px; position: absolute; top: 0; right: 0; bottom: 0; font-size: 18px; }
.header-search-box form input {height: 50px;border: 1px solid #F1F1F1;padding: 0 62px 0 15px;}
.header-search-box form button:hover { background: #f9ad3b; }

.header-cta-btn { width: 33.33%; }
.header-search-box { width: 33.333%; }
.header-logos { width: 33.33%; text-align: center; }
.header-middle { padding: 10px 0; }

.header-bottom { background: #222222; }
.main-menu ul li { margin: 0 15px; display: inline-block; }
.main-menu ul li a { color: #fff; display: inline-block; padding: 16px 12px; font-weight: 500; }
.main-menu ul { text-align: center; }

@media (min-width: 992px){
    .main-menu ul li a:hover , .main-menu li.menu-item-has-children:hover >	 a ,  .main-menu ul li.current-menu-parent > a { background: #f9ad3b; }
    .main-menu ul.sub-menu { position: absolute; top: 115%; left: 0; width: 227px; visibility: hidden; opacity: 0; transition: 0.2s ease; }
    .main-menu ul li.menu-item-has-children:hover > ul.sub-menu { visibility: visible; opacity: 1; top: 100%; }
    .main-menu li.menu-item-has-children { position: relative; }
    .main-menu ul.sub-menu li { width: 100%; margin: 0; }
    .main-menu ul.sub-menu li a { display: block; text-align: left; padding: 13px 16px; background: #1d1d1d; font-size: 12px; line-height: normal; border-bottom: 1px solid rgba(255, 255, 255, 0.32); }
    .main-menu ul.sub-menu li a:hover { background: #f9ad3b; }
    .main-menu ul.sub-menu li:first-child { border-top: 2px solid #f9ad3b; }
    .main-menu ul.sub-menu li:last-child a { border-bottom: none; }
    /*.main-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu li:first-child { border-top: none;}*/
    .main-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > ul.sub-menu { left: 100%; top: 0;}

    button.ebiz-toggle { display: none;}

}

.bg-overlay{position: relative; z-index: 1;}
.bg-overlay:after{content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; background: #1D1D1D; opacity: 0.25;}

/**/
.hero-section { width: 100%; float: left;}
.form-section {padding-top: 6px ;}
.hero-section .container{ min-height: 500px;}
.hero-caption { color: #fff; font-size: 15px; padding: 26px 0; font-weight: 500; width: 100%; max-width: 1050px; margin: auto}
.hero-section h3{ color: #fff;}
.hero-caption h1 { color: #fff; padding-bottom: 8px; }
.hero-banner-text{position: absolute; text-align: center; font-weight: 500; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; max-width: 600px; color: #fff; letter-spacing: 6px; }
.hero-banner-text p span{color: #FAAD3B;}

/**/
.logos-section { width: 100%; float: left; background: #F9AD3B; padding-top: 18px; }
.logos-section h3 { color: #fff; text-align: center; padding-bottom: 20px; font-weight: 700; }
.logos-row ul li { display: inline-block; margin: 0 14px 18px; vertical-align: middle; }
.logos-row { width: 100%; max-width: 940px; text-align: center; margin: auto; }

/**/
.about-russ { width: 100%; float: left; background-color: #ECECEC; }
.about-russ .about-video { width: 50%; float: left; }
.about-russ .about-contain { width: 50%; float: left; }
.about-russ .about-video iframe {width: 100%; max-width: 520px; height: 391px; }
.about-russ .about-contain p { padding-bottom: 24px;}

.about-russ h2 { text-align: center; padding-bottom: 10px; font-size: 33px; }
.about-russ { padding: 8px 0 12px; }

.events-section .container { max-width: 1070px; }
.events-section .events-row img { width: 100%; }
.events-row { margin: 0 -15px; }
.events-row .events-col { padding-bottom: 30px; }
.events-section { padding: 55px 0 40px; width: 100%; float: left; }

.events-row .col-sm-12 .events-inner { width: 100%; min-height: 480px; }
.events-inner { width: 100%; min-height: 276px; position: relative; }
.events-inner .btn { 
    background: transparent;
    width: 100%;
    height: 100%;
    bottom: 0  !important;
    color: transparent !important; }

.events-inner .btn:hover {
    background: transparent !important;
}

.events-row .btn {color: #fff;text-transform: uppercase;position: absolute;bottom: 63px;left: 50%; -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 12px 0; font-size: 14px;min-width: 185px;}
.events-row .big-btn { font-size: 25px; padding: 29px 40px; min-width: 377px; display: inline-block; position: absolute; bottom: 44px; left: 79px;  -moz-transform: translate(-0%, 0); -webkit-transform: translate(-0%, 0); transform: translate(-0%, 0);}
.events-row .btn:hover {  background: #00abac;}


.footer-section { width: 100%; float: left; background: #1E1E1E; color: #fff; padding: 0px 0 6px;  }
.footer-left-side { width: 70%; float: left; font-size: 11px; padding-top: 15px;}
.footer-logo-right-side { width: 30%; float: left; text-align: right; display: flex; align-items: center; justify-content: flex-end; }
.footer-logo-right-side .footer_logo { text-align: center; display: inline-block; margin-left: 40px;}
.footer-logo-right-side .footer_logo p { font-size: 10px; margin: 0;}

.footer-menu li { float: left; padding-right: 18px; }
.footer-menu li a { color: #fff; font-weight: 500; }
.footer-menu { display: block; float: left; width: 100%; padding-bottom: 2px;}
.footer-section a:hover { color: #f9ad3b; }

.footer-left-side a { color: #fff; }

.footer-copyright-sec .copyright-text { float: left; }
.footer-copyright-sec .copyright-text p{margin:0;}
.footer-copyright-sec ul { float: left; }
.footer-copyright-sec ul li { float: left; }
.footer-copyright-sec ul li:before { content: "|"; color: #fff; padding: 0 9px; }
.footer-copyright-sec .copyright-text strong { color: #f9ad3b; }

/*form*/
.form-section .gform_wrapper .gform_body ul.gform_fields li {width: 100%;float: left;margin: 0 24px 0 0;clear: none;max-width: 44%;padding: 0 ;}
.form-section .gform_wrapper .gform_body ul.gform_fields { float: left; width: 100%; }
.form-section .gform_wrapper .gform_body ul.gform_fields li input { font-size: 14px !important; height: 30px; line-height: 30px; text-transform: uppercase; color: #1E1E1E; padding: 0 15px !important; width: 100% !important; font-family: 'Montserrat', sans-serif !important; font-style: italic; font-weight: 500; margin-top: 0; }

.form-section .gform_wrapper .gform_body { float: left; width: auto; }
.form-section .gform_wrapper .gform_footer { float: left; width: auto; clear: none; margin: 0; padding: 0; }
.form-section .gform_wrapper .gform_footer input { min-width: 200px; padding: 4px 15px; height: 30px; background: #F9AD3B; color: #1E1E1E; font-weight: 500; font-size: 15px !important; margin: 0 !important; transition: all 0.5s; }
body .form-section .gform_wrapper .top_label div.ginput_container { margin: 0; }
.form-section .gform_wrapper .gform_footer input:hover { background: #222; color: #fff; }

.form-section .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 44% !important; background: transparent; border: navajowhite; }
.form-section .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 0; }
.form-section .validation_message { color: #fff; }
.form-section .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { color: #faad3b; padding-top: 3px; font-size: 12px; }
.form-section .gform_wrapper div.validation_error { border: none; color: #faad3b; margin: 0; text-align: left; font-size: 12px; }


/**/
.russ-perry-section { width: 100%; float: left; text-align: center; padding: 28px 0 18px; }
.russ-perry-section h2 { font-size: 50px; font-family: 'CAGeheimagent', sans-serif; margin-bottom:30px;  }
.russ-perry-row .russ-perry-box { width: calc(100% / 2 - 30px); float: left; margin: 0 15px 30px; box-shadow: 0 0 8px rgba(147, 147, 147, 0.24); }
.russ-perry-row { margin: 0 -15px; }
.russ-perry-box h4 { font-size: 15px; font-weight: 700; padding-bottom: 5px; }
.russ-perry-box .russ-perry-text { font-size: 13px; line-height: 20px; padding: 12px 45px 5px; }
.russ-perry-box .russ-perry-img { width: 100%; min-height: 270px; }

/**/
.blog-list { text-align: left;}
.blog-post-img { width: 100%; min-height: 420px; }
.blog-post .col-sm-4 { width: 36%; }
.blog-post .col-sm-6 { width: 64%; padding-top: 50px; }
.blog-post { width: 100%; padding-bottom: 18px; }
.post-category a { display: inline-block; border: 3px solid #1D1D1D; padding: 3px 24px; font-size: 18px; color: #1E1E1E; font-weight: 500; text-transform: uppercase; min-width: 180px; text-align: center; margin-right: 6px; }
.post-category a:hover { background: #1E1E1E; color: #fff; }
.blog-date { color: #C7C7C7; font-weight: 500; text-transform: uppercase; }
.date-category { padding-bottom: 18px; }
.post-category { display: inline-block; vertical-align: middle; }
.blog-date { display: inline-block; vertical-align: middle; padding-left: 11px; }
.blog-post-contain h3 { font-size: 18px; font-weight: 700; text-transform: uppercase; padding-bottom: 5px; }
.blog-post-contain a{color: #1E1E1E;}
.blog-post-contain a:hover{color: #F9AD3B;}
.blog-post-contain { font-size: 15px; line-height: 30px; }
.blog-post-contain .blog-desc { padding-bottom: 5px;}
.blog-post-contain .blog-desc a { color: #f9ad3b; }
.blog-post-contain .blog-desc a:hover { color: #222; }
.blog-post-contain .blog-desc p:last-child { margin-bottom: 0; }
.blog-read-more a { font-size: 15px; color: #222222; text-transform: uppercase; text-decoration: underline; }
.blog-read-more a:after { content: "≥"; padding-left: 6px; }
.blog-read-more a:hover {color: #f9ad3b;}

.paginate-links { color: #000; font-size: 20px; text-align: center; width: 100%; float: left; padding: 40px 0  35px; }
.paginate-links .page-numbers { margin: 0 10px; color: #1d1d1d; font-weight: 500; transition: all 0.5s; }
.paginate-links .page-numbers:hover { color: #f9ad3b; }
.paginate-links .page-numbers.current { color: #f9ad3b; }


/*
@media (min-width: 1600px){
    .form-section .gform_wrapper .gform_body ul.gform_fields li{    max-width: 195px;}
    .form-section .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){    max-width: 195px !important;}

}*/

@media (max-width: 1199px){
    .main-menu ul li { margin: 0 4px; }
    .events-row .col-sm-12 .events-inner { min-height: 420px; }
    .events-row .big-btn { padding: 23px 40px; bottom: 39px; min-width: 329px; left: 84px; }
    .events-inner { min-height: 255px; }
    .about-russ .about-contain{padding-left: 38px;}

    /**/
    .post-category { padding-bottom: 7px; width: 100%; }
    .blog-date { padding-left: 0; }
    .blog-post-img { min-height: 384px; }
    .blog-post .col-sm-6 { padding-top: 30px; }
    .post-category a { min-width: auto; font-size: 14px; }
    .blog-post-contain { font-size: 14px; line-height: 25px; }

    .blog-post .col-sm-4 { width: 40%; }
    .blog-post .col-sm-6 { width: 60%; padding-top: 11px; }
    .blog-post-img { min-height: 300px; }
    .blog-post { padding-bottom: 38px; }

    .blog-post-contain h2 {  font-size: 40px;  margin-bottom: 18px;}

}


@media (max-width: 991px){
    .header-cta-btn .btn { min-width: auto; padding: 12px 8px; font-size: 13px; }
    .header-logos img { max-width: 90px; }
    .header-search-box form input { height: 38px; }
    .about-russ .about-contain p { padding-bottom: 4px; }
    .events-row .col-sm-12 .events-inner { min-height: 300px; }
    .events-row .big-btn { padding: 18px 40px; font-size: 18px; min-width: 254px; left: 64px; bottom: 19px; }

    .socail-icon { float: left; width: 50%; }
    .header-top .header-cta-btn { width: 50%; float: right; text-align: right; }
    .header-top .header-cta-btn .btn { background: #222; padding: 12px 17px; }
    .header-top .header-cta-btn .btn:hover { background: #fff; color: #f9ad3b; }
    .header-top .container { display: flex; align-items: center; flex-direction: row-reverse; }
    .header-top ul { float: left; }

    .ebiz-toggle{padding: 18px 14px;background: transparent; float: right; position: absolute; left: calc((100% - 700px) / 2); cursor: pointer; border: none;}
    .ebiz-toggle span{width: 22px; height: 2px;background-color: #222222; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
    .ebiz-toggle span:before,.ebiz-toggle span:after{content: ""; display: block; width: 100%; height: 100%; background-color: #222222; position: relative; transition: all 300ms; }
    .ebiz-toggle span:before{top: -7px; }
    .ebiz-toggle span:after{bottom: -5px}

    .ebiz-toggle.ebiz-menuopen span{background-color: transparent;}
    .ebiz-toggle.ebiz-menuopen span:before{top: -1px; transform: rotate(45deg); }
    .ebiz-toggle.ebiz-menuopen span:after{bottom: 3px; transform: rotate(-45deg);}

    .header-search-box { width: 33.33%; }
    .header-search-box form { max-width: 222px; }
    .header-logos { width: 68%; text-align: right; }
    .header-logos a { margin-right: 100px; }

    .main-menu {  display: none;}	
    ul.sub-menu { display: none;}
    .main-menu > ul {max-height: calc(100vh - 145px); overflow: auto;}	
    .main-menu ul li.current-menu-parent > a { background: #f9ad3b; }
    .header-bottom { position: absolute; left: 0; right: 0; }
    .main-menu ul li { width: 100%; text-align: left; margin: 0; }
    .main-menu ul li a { width: 100%; padding: 5px 24px; font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    .main-menu >  ul >  li:last-child a { border-bottom: none;}
    .main-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children > ul.sub-menu li a{ font-size: 10px;}
    .header-bottom .container { width: 100%; padding: 0; }

    .main-menu li ul.sub-menu li a { font-size: 12px; padding: 4px 46px;}	
    .main-menu ul li .mobile-toggle{ background: transparent; display: block; position: absolute;right: 0; top: 0; padding:20px; cursor: pointer;}
    .main-menu ul li .mobile-toggle:before, .main-menu ul li .mobile-toggle:after{content: ""; display: block; width: 2px; height: 12px; background-color: #fff; position: relative; transition: all 300ms;  position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
    .main-menu ul li .mobile-toggle:after{width: 12px; height: 2px;}
    .main-menu  ul li .mobile-toggle.ebiz-subopen:before{display: none;}

    .hero-section .container { min-height: 411px; }
    h2 { font-size: 28px; }
    .about-russ { padding: 15px 0; }
    

    .footer-left-side { width: 100%; text-align: center; padding-bottom: 14px; }
    .footer-menu li { display: inline-block; float: none; padding-right: 12px;}
    .footer-logo-right-side {justify-content: center; width: 100%; text-align: center; }
    .footer-logo-right-side .footer_logo{margin: 0 15px;}
    .footer-section { padding: 26px 0 22px; }
    .footer-left-side{padding:0;}
    
    .footer-copyright-sec .copyright-text { float: none; display: inline-block; vertical-align: top; }
    .footer-copyright-sec ul { float: none; display: inline-block; vertical-align: top; }


    /**/
    .russ-perry-box .russ-perry-text { padding: 12px 20px 5px;}
    .russ-perry-box .russ-perry-img { min-height: 164px;}
    .russ-perry-section { border-top: 3px solid #f9ad3b; }
    .russ-perry-section h2 { font-size: 40px; }

    .form-section .gform_wrapper .gform_footer input{min-width: 140px;}

    .blog-post-contain h2 {  font-size: 30px;  margin-bottom: 15px;}
}


@media (max-width: 767px){

    .header-logos img{max-width: 68px;}
    .hero-caption h1 { font-size: 40px; line-height: 35px; }
    .hero-section h3 { font-size: 15px; }
    .hero-section .container { min-height: 350px; }
    .about-russ .flex-container { display: block; }
    .about-russ .about-video { width: 100%; text-align: center; padding-bottom: 20px; }
    .about-russ .about-contain { width: 100%; padding: 0; }
    .about-russ h2 { padding-bottom: 22px; font-size: 24px; }
    
    .ebiz-toggle{right: 15px; left: initial;}
    span.search-btn:after { content: "\f002"; font-family: fontawesome; cursor: pointer; }
    .header-search-box { width: auto; position: absolute; right: 60px; top: 0; bottom: 0; margin: auto; height: 29px; }
    .header-search-box form { position: absolute; width: 200px; right: 0; display: none; }
    .header-logos { width: 100%; text-align: left; }
    span.search-btn { font-size: 20px; }
    .header-middle { position: relative; }
    .header-search-box form input { font-size: 12px; }
    .header-logos a { margin: 0; }
    .header-top .header-cta-btn .btn { padding: 8px 11px; }
    .header-top ul li a { width: 30px; height: 30px; }
    .header-top ul li { padding-left: 2px; }

    .header-top .container{display: none;}
    .header-top.child-open { padding: 8px 0; }
    .header-top { position: relative; z-index: 2; }
    span.up-btn { position: absolute; display: block; cursor: pointer; right: 0; left: 0; width: 100%; max-width: 34px; margin: auto; background: #f9ad3b; text-align: center; height: 22px; line-height: normal; color: #fff; top: 100%; }

    .main-menu > ul {max-height: calc(100vh - 84px); overflow: auto;}	
    .main-menu ul li a { font-size: 13px; padding: 3px 15px; }
    .main-menu ul li .mobile-toggle { padding: 17px; }
    .main-menu li ul.sub-menu li a { padding: 4px 25px; }

    /*form*/
    .form-section .gform_wrapper .gform_body{width: 100%; float: left;}
    .form-section .gform_wrapper .gform_body ul.gform_fields li { max-width: 50%; margin: 0; padding: 0 10px; }
    .form-section .gform_wrapper .gform_body ul.gform_fields { width: auto; float: none; display: block; margin: 0 -10px !important; }
    .form-section .gform_wrapper .gform_footer { float: right; width: 100%; text-align: center; }
    .form-section .gform_wrapper .gform_footer input { padding: 0 20px !important; margin-top: 20px !important; min-width: auto; float: none; display: inline-block; width: auto; }
    .form-section .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {max-width: 50% !important; margin: 0;}

    /**/
    .russ-perry-section h2 { font-size: 30px; }

    /**/
    .blog-post .col-sm-4 { width: 100%; padding-bottom: 18px; }
    .blog-post .col-sm-6 { width: 100%; }
    .blog-post { width: 100%; max-width: 500px; margin: 0 auto 2px; }
    .post-category a { padding: 3px 15px; border-width: 2px;}
    .blog-post:last-child { padding-bottom: 0; }
    .blog-list { padding-bottom: 18px; }
    .blog-post-contain .blog-desc { padding-bottom: 14px;}
    .blog-section h2 { margin-bottom: 20px;}

}


@media (max-width: 600px){
.russ-perry-row .russ-perry-box { width: 100%; max-width: 400px; margin: 0 auto 30px; float: none; }
.russ-perry-box .russ-perry-text { padding: 12px 15px 5px; }
.russ-perry-row { margin: 0; }
}

@media (max-width: 480px){

    h2 { font-size: 24px; }
    .header-top .header-cta-btn .btn { font-size: 10px; }
    .header-top .container { flex-direction: column-reverse; }
    .socail-icon { width: 100%; text-align: center; padding-bottom: 10px; }
    .header-top .header-cta-btn { width: 100%; text-align: center; padding-bottom: 14px; }
    .header-top ul { width: 100%; }
    .header-top.child-open{ padding: 10px 0; }
    .header-top {padding: 5px 0;}


    .hero-caption h1 { font-size: 30px; line-height: 29px; }
    .hero-caption { line-height: 20px; }
    .hero-section .container { min-height: 302px; }
    .logos-section h3 { line-height: 26px; }
    .about-russ .about-video iframe { height: 217px; }
    .events-row .big-btn { min-width: auto; left: 15px; right: 15px; }
    .events-section { padding: 35px 0 20px; }

    /**/
    .form-section .gform_wrapper .gform_body ul.gform_fields li { max-width: 100%; margin-bottom: 15px; }
    .form-section .gform_wrapper .gform_body ul.gform_fields li:last-child { margin-bottom: 0; }

    .form-section .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100% !important;}

    /**/
    .blog-post-img { min-height: 226px; }
    .post-category a { padding: 2px 5px; margin-bottom: 9px; line-height: 25px; margin-right: 2px; }
    .blog-post-contain h3 { font-size: 16px; }
    .paginate-links { padding-top: 0; font-size: 16px; }
    .paginate-links .page-numbers { margin: 0 8px; }


}