.slicknav_menu {
    display: none;
}
.d_none{
    display: none;
}
.d_none h1{
    padding: 3%;
    text-align: center;
    width: 94%;
    background: #F8B920;
}
.d_none h3{
    padding: 5%;
    width: 90%;
    text-align: center;
    background: #383A2F;
    font-size: 28px;
    margin-bottom: 0px;
}
@media screen and (max-width: 750px) {
    .js #menu{
        display: none;
    }
    .js .slicknav_menu {
        display: block;
    }
}


/*mobile and small devices*/
@media only screen and (max-width: 750px){
    body{
        min-width: 100%;
    }
    .main{
        width: 100%;
    }
    .indent-left{
        padding-left: 0px;
    }
    .slider{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .slider img{
        width: 100%;
        height: auto;
    }
    figure a{
        width: 100%;
        height: auto;
    }
    #page1 .column-1{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    #page1 .column-2{
        width: 100%;
        margin-bottom: 20px;
    }
    footer img{
        width: 100%;
        height: auto;
    }
    h1 a{
        width: 100%;
    }
    #page1 .box .padding{
        padding: 15px;
    }
    .extra{
        padding: 15px;
    }
    .button{
            padding: 6px 20px;
    }
    .footer-bg{
        border-radius: 0px;
        -moz-border-radius: 0px;
     -webkit-border-radius: 0px; 
    }
    .d_none{
        display: block;
    }
    .full_w{
        width: 100%;
    }
    .h_slider{
        position: static;
        overflow: visible;
    }
    #page1 #content{
        margin-top: 50%;
    }
    figcaption{
        display: none;
    }
    .m_none{
        display: none;
    }
    #page1 .indent{
        padding: 0px;
    }
    /*features*/
    #page3 .col-1{
        width: 100%;
        margin-right: 0px;
    }
    #page3 .col-2{
        width: 100%;
    }
    .list-1 li{
        background-repeat: no-repeat;
    }
    /*pricing*/
    #content{
        padding: 0px;
        font-size: 10px !important;
    }
    #page4 .column-1{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
    }
    #page4 .column-2{
    width: 100%;
    }
    .maxheight{
        height: auto !important;
    }
    /*custom*/
    .img-indent{
    margin: 0px auto;
    text-align: center;
    float: none;
    }
    /*about*/
    .img-indent img{
        width: 100%;
        height: auto;
    }
    /*contact*/
    #cfg-element-1-14{
        font-size: 28px;
    }
    .cfg-contactform{
    width: 94%;
    border: none;
    padding: 3%;
    }
    #page6 .col-1{
        width: 100%;
        margin-right: 0px;
    }
    #cfg-element-1-17{
        width: 98%;
    }
    .cfg-type-text{
    width: 100% !important;
    margin-top: 5px !important;
    }
    #cfg-element-1-25{
        margin-left: 0px;
        width: 150px !important;
    }
    #my-video{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    #page1 .video{
        margin-top: 15px !important;
    }
    li.aligncenter{
        text-align: left;
    }
}

/*tablet and medium devices*/

@media only screen and (min-width: 751px) and (max-width: 990px){
    body{
        min-width: 100%;
    }
    #my-video{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .main{
        width: 100%;
    }
    .indent-left{
        padding-left: 0px;
    }
    .slider{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .slider img{
        width: 100%;
        height: auto;
    }
    figure a{
        width: 100%;
        height: auto;
    }
    #page1 .column-1{
        width: 31%;
        margin-right: 0px;
        margin-bottom: 20px;
        margin: 1%;
    }
    #page1 .column-2{
        width: 32%;
        margin-bottom: 20px;
        margin: 1%;
    }
    footer img{
        width: 100%;
        height: auto;
    }
    h1 a{
        width: 100%;
    }
    #page1 .box .padding{
        padding: 15px;
    }
    .extra{
        padding: 0px 15px;
    }
    .button{
            padding: 6px 10px;
    }
    .footer-bg{
        border-radius: 0px;
        -moz-border-radius: 0px;
     -webkit-border-radius: 0px; 
    }
    .d_none{
        display: block;
    }
    .full_w{
        width: 100%;
    }
    .h_slider{
        position: static;
        overflow: visible;
    }
    #page1 #content{
        margin-top: 45%;
    }
    figcaption{
        display: none;
    }
    .m_none{
        display: none;
    }
    #page1 .indent{
        padding: 0px;
    }
    /*features*/
    #page3 .col-1 {
    width: 38%;
    margin-right: 2%;
    }
    #page3 .col-2{
        width: 58%;
        margin-left: 2%;
    }
    .list-1 li{
        background-repeat: no-repeat;
    }
    /*pricing*/
    #content{
        padding: 0px;
        font-size: 10px !important;
        padding-top: 20px;
    }
    #page4 .column-1{
    width: 31%;
    margin-right: 0px;
    margin-bottom: 20px;
    margin: 1%;
    }
    #page4 .column-2{
    width: 32%;
    margin: 1%;
    }
    #page4 .column-1 img{
        width: 100%;
        height: auto;
    }
    #page4 .column-2 img{
        width: 100%;
        height: auto;
    }
    .maxheight{
        min-height: 250px;
    }

    /*contact*/
    #cfg-element-1-14{
        font-size: 28px;
    }
    .cfg-contactform{
    width: 94%;
    padding: 3%;
    }
    #page6 .col-1{
        width: 58%;
        margin-right: 2%;
    }
    #page6 .col-2{
        width: 38%;
        margin-left: 2%;
    }
    #cfg-element-1-17{
        width: 98%;
    }
    .cfg-type-text{
    width: 100% !important;
    margin-top: 5px !important;
    }
    #cfg-element-1-25{
        margin-left: 0px;
        width: 150px !important;
    }
    .menu{
        width: 768px;
        margin: 0px auto;

    }
    .menu li a{
            padding: 6px 30px 8px 30px;
    }
    .menu li.last a{
            padding: 6px 30px 8px 30px;

    }
    .d_none h3 {
         padding-bottom: 20px;
         margin-bottom: 20px;
    }
    #page1 .video{
        margin-top: 15px !important;
    }
    .extra-wrap{
        overflow: visible;
    }
    .indent{
        padding: 0px;
    }
    
}