@media only screen and (min-width:641px) and (max-width:768px)
{
body
{
width:100%;
}
html{
min-width:320px!important;
}
#main {

width: 100%;
}
#header
{
width:100%;
}
.resp_logoIMG
{
width:50%;
background-size:100%;
}

.conte
{
width:100%;
}
.menu
{
width: 100%;

}

.box_top 
{
width:100%;
}

#page2 .box
{
width:100%;
}
.box_bottom {

width: 100%;
}
.col-1 {
width: 45%;
}
.col-2 {
width:35%;
}

.main-indent {
    padding: 25px;
}
/*****Contact Page Start***/
#page4 .box {
background: #cdd89f none repeat-y scroll 0 0;
padding:0px;
width: 100%;
}
#page4 .col-1 {

width: 100%;
}
.block {

width: 46%;
}

.contactform textarea {

width: 100%;
}
.buttons .but input {

float: right;
}
.resp_inputarea
{
width:100%;
}
.buttons {
    width: 100%;
}
.but
{
    margin-right:0px;
}
/*****Contact Page End***/
/*****WhatWEDO Page Start***/
#page4 .col-3 {
    width: 36%;
}
#footer {
    height: auto;
    padding: 10px;
}
#footer .bott_text, #footer .btmMenu {
    width: 95%;
}


.btmMenu ul li {
    float: none;
    display:inline-block;
    text-align:center;
}

#footer .bott_text {
    text-align:center;
    line-height:25px;
     padding-top: 10px;
}
/*****WhatWEDO Page End***/

}

@media only screen and (min-width:481px) and (max-width:640px)
{
body
{
width:99%;
}
html{
min-width:320px!important;
}
#main {

width: 100%;
}
#header
{
width:100%;
}
.resp_logoIMG
{
width:50%;
background-size:100%;
}
.resp_logoIMG1
{
    width:75%;
    background-size:100%;
}
.conte
{
width:100%;
}
.menu
{
width: 100%;
}

.box_top 
{
width:100%;
}

#page2 .box
{
width:100%;
}
#page2 .col-1
{
    width:100%;
    float:none;
}
.box_bottom
{
    width:100%

}
#page2 .col-2 
{
    width:100%;
}

.main-indent {
    padding: 25px;
}
/****WhatWeDO Page Start**/
.box {
    
    width:100%;
}
#page4 .col-1 {
    
    width: 100%;
    float:none;
    padding-left:10px;
}
#page4 .col-3 {
    width: 100%;
    float:none;
}
.col-pad {
    padding: 0 43px 0 0px;
}
/****WhatWeDO Page End**/
/****Contact Page Start**/
.block {
    float: none;
    
    width:96%;
}
.resp_inputarea1
{
    float:none;
    width:96%;
}
.contactform textarea {
   
    float:none;
   
    width:96%;
}
.buttons {
    
    width: 98%;
}

.but {
    margin-right:0px;
}
#footer {
    height: auto;
    padding: 10px;
}
#footer .bott_text, #footer .btmMenu {
    width: 95%;
}


.btmMenu ul li {
    float: none;
    display:inline-block;
    text-align:center;
}

#footer .bott_text {
    text-align:center;
    line-height:25px;
     padding-top: 10px;
}

/****Contact Page End**/
}

@media only screen and (min-width:320px) and (max-width:480px)
{
body
{
width:100%;
}
html{
min-width:320px!important;
}
#main {

width: 100%;
}
#header
{
width:100%;
}
.resp_logoIMG
{
width:50%;
background-size:100%;
}
.resp_logoIMG1
{
    width:75%;
    background-size:100%;
}
.conte {
    padding-top: 20px;
    width: 100%;
}
.menu
{
width: 80%;
 background: none;
 margin:0 auto;
}
.menu ul {
    overflow: auto;
    text-align: center;
    width: 100%;
}
.menu li {
border: 0px;
float: none;
height: auto;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-0-border-radius: 8px;
border-radius: 8px; 
-khtml-border-radius: 8px; 
margin-bottom:8px;
-webkit-box-shadow: 1px 2px 1px 1px #ccc;  
  -moz-box-shadow:   1px 2px 1px 1px #ccc;
  -o-box-shadow:    1px 2px 1px 1px #ccc;  
  box-shadow:         1px 2px 1px 1px #ccc;
  display:block;
  text-align:center;

}
.menu li a {

display: block;
background:none;
}
.box_top 
{
width:100%;
}

#page2 .box
{
width:100%;
}
#page2 .col-1
{
    width:100%;
    float:none;
}
.box_bottom
{
    width:100%

}
#page2 .col-2 
{
    width:100%;
}
.banner-image {
    background-size: 100% auto;
    width: 100%;
}
.banner-image1 {
    background-size: 100% auto;
    width: 100%;
}

.main-indent {
    padding: 25px;
}

/****WhatWeDO Page Start**/

#page4 .col-1 {
    
    width: 100%;
    float:none;
    padding-left:0px;
}
#page4 .col-3 {
    width: 100%;
    float:none;
}
.col-pad {
    padding: 0 43px 0 0px;
}
/****WhatWeDO Page End**/
/****Contact Page Start**/
.block {
    float: none;
    
    width:96%;
}
.resp_inputarea1
{
    float:none;
    width:93%;
}
.contactform textarea {
   
    float:none;
   
    width:93%;
}
.buttons {
    
    width: 96%;
}


#footer {
    height: auto;
    padding: 10px;
}
#footer .bott_text, #footer .btmMenu {
    width: 95%;
}


.btmMenu ul li {
    float: none;
    display:inline-block;
    text-align:center;
}

#footer .bott_text {
    text-align:center;
    line-height:25px;
     padding-top: 10px;
}
.but {
    margin-right:0px;
}

/****Contact Page End**/

}