/*

Theme Name: Gecko Theme v1
Author: Hyperweb
Author URI: https://hyperweb.ca/
Version: 1.0.0

*/
@media only screen and (max-width:1000px) {
    .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm){
        width: 32% !important;
    }
}

@media only screen and (max-width:1000px) {
    #tablepress-6 .column-1 {
        display: inline-block;
        width: 66%;
        font-size: 13px;
        padding: 6px;
    }
    #tablepress-6 .column-2 {
        display: inline-block;
        width: 34%;
        font-size: 12px;
        padding: 6px;
    }
}

@media only screen and (max-width:992px) {
    .box-title {
        font-size: 0.7em;
    }
    .big-title {
        font-size: 1.5em;
    }
    .prevail-product{
        margin-top: 0 !important;
    }
    .page-id-262 #content, .page-id-442 #content, .page-id-439 #content, .page-id-435 #content{
        background: transparent;
    }
    .product-pages-images{
        display: block !important;
    }
/****************
    .home #page{
        background: url("#");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center top 200px;

    }
    .home{

        background: rgb(24,121,201); /* Old browsers */
        background: -moz-linear-gradient(-45deg, rgba(24,121,201,1) 0%, rgba(148,193,224,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgba(24,121,201,1) 0%,rgba(148,193,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgb(67, 145, 207) 0%,rgb(125, 178, 220) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1879c9', endColorstr='#94c1e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


    }
****************/
}

@media (max-width:1200px) and (min-width:800px){
body #Widgets_on_Pages_2 .rpwe-summary {

display:block;
max-width:100%;
}

 .rpwe-summary .more-link{
  float: none; 
    margin-right: 0px; 



}



   
}

@media only screen and (max-width:800px) {
    .container, .articles-half{
        width: 100%;
    }
    #Widgets_on_Pages_2 .rpwe-summary{
        /*max-width: 100% !important;*/
    }
   
    .footer-sections-wrapper{
        background: none;
    }
    .footer-sections-wrapper .widget-title, .home .articles-section h2{
        background-color: #0a823a;
        padding-top: 10px;
    }
    .home .articles-section{
        background: url("#");
        background-size: cover;
    }
    .footer-sections-wrapper .widget{
        padding: 0 !important;
    }
    .footer-sections-wrapper .textwidget{
        padding: 0 20px;
    }

    .articles-section .rpwe-block {
        padding: 0 10px !important;
    }
    .articles-section .container, .articles-section{
        padding: 0 !important;
        padding-right: 0;
        padding-left: 0;
    }
    .box{
        width: 60%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:768px) {
    .product_title, .category_title, .product_category_title{
        width: 100%;
    }
    .products-page-box{
        width: 100% !important;
    }
    .product_title, .category_title, .product_category_title, .ogena-catalog-title p{
        text-align: left;
    }
    .page-id-262 .entry-title, .page-id-435 .entry-title, .page-id-439 .entry-title, .page-id-442 .entry-title, .page-id-448 .entry-title{
        width: 100%;
    }
    .page-template-page-full-width #primary, .page-template-page-contacts #primary{
        padding: 1rem;
    }
    .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper textarea{
        padding: 6px 8px !important;
    }
}
@media only screen and (max-width:700px) {
    .ff-item{
        width: 49% !important;
    }
    .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm){
        width: 100% !important;
    }

    .box{
        width: 80%;
    }

    .box img {
        width: 100% !important
    }
}
@media only screen and (max-width:500px) {
    .box{
        width: 100%;
    }

    .ff-item{
        width: 100% !important;
    }
    .animal-row h1, .animal-row h2 {
        font-size: 1.7em;
    }
    .rpwe-img img{
        display:block;
        float:none;
        width:200px;
        margin:0 auto;
    }
    .header-slogan span a{
        width: 100%; 
        font-size: 24px;
        display: inline-block;
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
        width: 80%;
    }
    .container{
        padding-left: 15px;
        padding-right: 15px;
    }

    #rpwe_widget-2 .rpwe-summary:after, #rpwe_widget-3 .rpwe-summary:after{
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;

    }
    .rpwe-block ul li{
        padding:0 15px;
    }

    #Widgets_on_Pages_2 .rpwe-block ul, #Widgets_on_Pages_1 .rpwe-block ul{
        padding-left:0 !important;
    }

    #Widgets_on_Pages_2 #rpwe_widget-3 .rpwe-summary{
        float: none;
        display: block;
        width:100%;
        max-width: initial;
        /* width: 170px;
         margin: 10px auto 0;*/

    }
    .rpwe-summary .more-link {

        margin:15px 0 0;
        float:none;
        display:block;
    }

    .footer-sections-wrapper > .container, .site-content.container{
        padding-left: 15px;
        padding-right: 15px;
    }

    

}
@media only screen and (max-width:420px) {
    .box{
        width: 100%;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .hp-elements{
        margin-top: 30px;
    }
}


/**home-page background**/
/****************
@media only screen and (max-width:1309px) and (min-width:992px){
    .home {
       
    }
}
****************/
@media (max-width: 540px){
    .home #page{
        background-position: center top 318px;
    }
}

.box img{
    width:100%;
}

