/***************************************/
@media only all and (max-width:768px)
{
    body
    {
        min-width:300px;
    }
    .head
    {
        width:100%;
    }
    .logo
    {
        float:none;
        text-align:center;
    }
    .menu
    {
        width:100%;
    }
    .menu li
    {
        margin:25px 23px;
    }
    .main
    {
        width:100%;
    }
    #page1 #content .col-1.col-pad
    {
        padding-right:10px;
        width:33%;
    }
    #page1 #content .col-2
    {
        width:65%;
    }
    #page1 .container
    {
        float:none;
        text-align:center;
        margin:10px auto;
        
    }
    
    /***************/
    
    #page2 #content .two-cols
    {
        width:100%;
    }
    #page2 #content .two-cols .top3 img
    {
        margin:10px;
    }
    #page2 #content .two-cols .top3 p
    {
        margin:5px;
    }
    /****************/
    #page3 #content .col-1
    {
        width:65%;
        margin:10px;
    }
    #page3 #content .col-1.col-pad
    {
        padding:5px;
    }
    #page3 #content .border1
    {
        background:none;
    }
    #page3 #content .col-2
    {
        width:30%;
    }
    #page3 #content .col-2 img
    {
        margin:10px 0 0  0;
    }
    /*****************/
    
        #page4 #content .col-1
    {
        width:65%;
        margin:10px;
    }
    #page4 #content .col-1.col-pad
    {
        padding:5px;
    }
    #page4 #content .border1
    {
        background:none;
    }
    #page4 #content .col-2
    {
        width:30%;
    }
    #page4 #content .col-2 img
    {
        margin:10px 0 0  0;
    }
    /**************/
    #page5 #content .two-cols
    {
        width:100%;
    }
    /***********/
    #page6 #content .col-1
    {
        width:47%;
        padding:10px;
    }
    #page6 #content .col-2
    {
        width:97%;
        padding:10px;
    }
    iframe
    {
        width:100%;
    }
/************/
.banner
{
    width:100%;
    float:left;
}
 iframe
    {
        height:300px!important;
    }

}


@media only all and (max-width:640px)
{
    .menu li
    {
        margin:25px 12px;
    }
    #page1 .border
    {
        background:none;
    }
    #page1 #content .col-1.col-pad 
    {
        padding: 10px;
        width: 96%;
    }
    .resp-hme
    {
        width:50%;
        float:left;
    }
    .box-3
    {
        float:left;
    }
    #page1 #content .col-2
    {
        width:95%;
        padding:10px;
    }
    /****************/
    #page3 #content .col-1.col-pad
    {
        width:95%;
    }
    #page3 #content .col-2
    {
        width:95%;
    }
    #page3 #content .col-2 div
    {
        float:left;
        margin:25px;
    }
    
    /*********************/
    #page4 #content .col-1.col-pad
    {
        width:95%;
    }
    #page4 #content .col-2
    {
        width:95%;
    }
    #page4 #content .col-2 div
    {
        float:left;
        margin:25px;
    }
    /******************/
    #page6 #content .col-1
    {
        width:45%;
    }
   
   
    footer .contact-fright
    {
        float:none;
        text-align:center;
    }
    footer .top3
    {
        float:none;
        text-align:center;
        display:block;
        margin:10px auto;
        padding:0;
    }
    footer .indent
    {
        padding:0;
    }
    .footer-menu
    {
        padding-top:10px;
    }

}


@media only all and (max-width:480px)
{
    
    .menu li
    {
        float:none;
        text-align:center;
        margin:0 auto;
        width:90%;
    }
    .menu li a
    {
        float:left;
        margin:5px auto;
        width:95%;
        border:1px solid;
        border-radius:5px;
    }
    /******************/
    .resp-hme
    {
        width:100%;
    }
    .resp-box3
    {
        float:none;
        text-align:center;
        width:100%;
        padding:25px;
        height:auto;
        background:#D47B32;
        border-radius:20px;
    }
    .box-3
    {
        background:none;
        margin:0 auto;
        float:left;
        text-align:center;
        display:block;
        width:90%;
        padding:0;
    }
    /********************/
    #page2 #content .two-cols .top3 img
    {
        float:none;
        text-align:center;
        margin:10px auto;
        display:block;
    }
    /*******************/
    #page3 #content .col-2 div
    {
        width:100%;
        margin:0;
    }
    #page3 #content .col-2 img
    {
        float:none;
        text-align:center;
        margin:0 auto;
        display:block;
    }
    /*******************/
    #page4 #content .col-2 div
    {
        width:100%;
        margin:0;
    }
    #page4 #content .col-2 img
    {
        float:none;
        text-align:center;
        margin:0 auto;
        display:block;
    }
    /****************/
    #page6 #content
    {
        width:98%;
    }
    #page6 #content .col-1
    {
        width:98%;
    }
    #page6 #content .col-1 img
    {
        float:none;
        text-align:center;
        margin:0 auto;
        display:block;
    }
    #contacts-form .textarea-box
    {
        background:none;
    }
    #contacts-form textarea
    {
        background:#FFF;
        border-radius:10px;
        width:95%;
    }
    #contacts-form .resp-contact label
    {
        background:none;
    }
    #contacts-form .resp-contact input
    {
        background:#fff;
        height:30px;
        width:70%;
        border-radius:10px;
    }
}

@media only all and (max-width:360px)
{
    .logo img
    {
        width:100%;
    }
    .resp-box3
    {
        padding:9px;
    }
    #page1 #content .col-1.col-pad,#page1 #content .col-2
    {
        padding:9px;
        width:94%;
    }
    #page4 #content .col-1,#page3 #content .col-1
    {
        margin:0;
    }
    #page6 #content .col-1
    {
        width:95%;
    }
    #page6 #content .col-2
    {
        width:95%;
    }
}

@media only all and (max-width:980px)
{
    .menu li a
    {
        padding:10px 5px;
    }
}