body
{
font-family: 'Titillium Web', sans-serif;
text-align:center;
}
*{
padding:0px;
margin:0px;
}

@media screen and (min-width: 860px) {
#maindiv{
width:100%;
height:62px;
position:fixed;
}
#navdiv{
background:#000;
height:62px;
width:100%;
line-height:0px;
}
#logo{
float:left;
cursor:pointer;
margin-left:45px;
padding-top:5px;
}
#logos
{
float:right;
margin-right:-840px;
cursor pointer;
padding-top:5px;
}
#navdiv ul{
float:right;
margin-right:250px;
line-height:20px;
position:relative;
z-index:100;
}
#navdiv ul li{
list-style-type:none;
display:inline-block;
}
#navdiv ul li a{
padding:20px;
text-decoration:none;
color:#e4ecf3;
font-size:15px;
display:block;
}
#navdiv ul li a:hover{
color: #FFA500;
transition:all 0.40s;
}
#navdiv ul li:hover ul{
display:block;
margin-left:17px;
}
#navdiv ul ul{
display:none;
width:200px;
position:absolute;
}
#navdiv ul li li{
background:#000;
display:block;
text-align:justify;
border:1px solid #e4ecf3;
}
#navdiv ul li li a{
padding:9px;
}
#navdiv .current_page{
color: #FFA500;
}




.banner{
width: 100%;
}
.container-banner{
width:100%;
height:370px;
}
.banner-img {
width: 100%;
height:370px; 
margin:0 auto;
}

#contactus{
background:#fff;
}
.contactus-container{
width:100%;
height:600px;
}
h1{
font-size:40px;
padding:40px;
text-align:center;
}

#form{
width:55%;
height:400px;
background:#fff;
color:black;
margin-left:300px;
text-align:left;
}
.required_star {
font-weight:bold;
color:#F00;
}


#location{
width:65%;
height:300px;
background:#fff;
margin-left:220px;
}
#location h1{
font-size:40px;
padding:30px;
margin-bottom:-10px;
text-align:center;
}
#location .phone{
width:200px;
height:170px;
padding-top:40px;
margin-left:60px;
float:left;
}
.phone-img{
width:50px;
height:50px;
}

#location .mobile{
width:200px;
height:170px;
padding-top:40px;
margin-left:30px;
float:left;
}
.mobile .mobile-img{
width:50px;
height:50px;
}

#location .email{
width:300px;
height:170px;
padding-top:40px;
margin-left:18px;
float:left;
}
.email .email-img{
width:50px;
height:50px;
}
.email p a{
text-decoration:none;
color:black;
}



.footer {
    background:#000;
    display: block;
    float: left;
    height:260px;
    margin: 0 auto;
    width: 100%;
}

.main_footer_fix {
    margin: 0 auto;
    padding-top: 0;
    width: 90%;
}
.span1
{
    color: #FFF;
margin-left:-20px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:18px;
}
.pg
{
    color: #DCDCDC;
    text-align:left;
    display: block;
}
.pg a{
text-decoration:none;
color: #DCDCDC;
}


.right_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0px 0;
    padding: 15px 0px 20px 0px;
    width:28%;
}

.left_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0;
    padding: 15px 10px 20px 0px;
    width: 20%;
}

.left_side ul {
    list-style-type: none;
    margin:0px;
    padding: 0px;
}
li.fotter_big_txt {
    color: #FFF;
    display: block;
    padding:25px;
    margin-left:-24px;
margin-bottom:8px;
    text-decoration: none; 
    font-weight:bold;
}
li.fotter_big_txt a {
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    line-height: 20px;
    font-weight:bold;
    float:left;
text-decoration: none; 
}

li.fotter_txt {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;
}
li.fotter_txt a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
li.fotter_txt a:hover {
    color: #FFA500;
    font-size: 16px;
    text-decoration: none;
}

.span2
{
    color: #FFF;
margin-left:25px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:18px;
}


.logo1{
display: block;
float:left;
}
.logo1 .fotter_txt_w{
    float:left;
margin:12px;
}

.logo1 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo1 .fotter_txt_wp a {
     color: #fff;
    font-size: 16px;
    text-decoration: none;

}
.logo1 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo2{
display: block;
margin-left:20px;
float:left;
}
.logo2 .fotter_txt_w{
    float:left;
margin:12px;
}

.logo2 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo2 .fotter_txt_wp a {
     color: #fff;
    font-size: 16px;
    text-decoration: none;

}
.logo2 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo3{
display: block;
margin-left:20px;
float:left;
}
.logo3 .fotter_txt_w{
    margin:12px;
float:left;
}

.logo3 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;

    font-weight:normal;


    text-align:left; 
    list-style-type:none;

}
.logo3 .fotter_txt_wp a {
     color: #fff;
    font-size: 16px;
    text-decoration: none;

}
.logo3 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.row
{
margin-right:-15px;
margin-left:-15px
}
.footer_hide
{ 
display:block;
}

}


/*media query for tablet view*/
@media screen and (min-width: 420px) and (max-width: 860px) {

#logo{
float:left;
cursor:pointer;
margin-left:15px;
padding-top:5px;
}
#logos{
display:none;
}
#navdiv ul{
float:right;
margin-right:25px;
line-height:20px;
position:relative;
z-index:100;
}
#navdiv ul li{
list-style-type:none;
display:inline-block;
}
#navdiv ul li a{
padding:20px;
text-decoration:none;
color:black;
font-size:12px;
display:block;
}
#navdiv ul li a:hover{
color: #FFA500;
transition:all 0.40s;
}
#navdiv ul li:hover ul{
display:block;
margin-left:17px;
}
#navdiv ul ul{
display:none;
width:200px;
position:absolute;
}
#navdiv ul li li{
background:black;
display:block;
text-align:justify;
border:1px solid white;
}
#navdiv ul li li a{
padding:9px;
color:white;
}
#navdiv .current_page{
color: #FFA500;
}

.banner{
width: 100%;
position:relative;
}
.container-banner{
width:100%;
height:350px;
}
.banner-img {
width: 100%;
height:350px; 
margin:0 auto;
}

#contactus{
background:#fff;
}
.contactus-container{
width:100%;
height:600px;
position:relative;
}
h1{
font-size:30px;
padding:80px;
text-align:center;
}

#form{
width:55%;
height:450px;
background:#fff;
color:black;
margin-left:60px;
text-align:left;
}
#name{
width:650px;
height:10px;
padding:10px;
}
#message{
width:670px;
height:100px;
border-radius:5px;
}
#button{
width:100px;
height:40px;
background: gold radial-gradient(darkorange, orange);
border-radius:30px;
border:10px;
}

#location{
width:65%;
height:300px;
background:white;
padding-top:40px;
margin-left:130px;
}
#location h1{
font-size:30px;
padding:30px;
margin-bottom:-10px;
text-align:center;
}
#location .phone{
width:200px;
height:170px;
padding-top:40px;
margin-left:40px;
float:left;
}
.phone-img{
width:50px;
height:50px;
}

#location .mobile{
width:200px;
height:170px;
padding-top:40px;
margin-left:30px;
float:left;
}
.mobile .mobile-img{
width:50px;
height:50px;
}

#location .email{
width:300px;
height:170px;
padding-top:10px;
margin-left:106px;
float:left;
}
.email .email-img{
width:50px;
height:50px;
}
.email p a{
text-decoration:none;
color:black;
}

.footer {
    background:#000;
    display: block;
    float: left;
    height:270px;
    margin: 0 auto;
    width: 100%;
}

.main_footer_fix {
    margin: 0 auto;
    padding-top: 0;
    width: 90%;
}
.span1
{
    color: #FFF;
margin-left:-20px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:16px;
}
.pg
{
    color: #DCDCDC;
    text-align:left;
    font-size:14px;
    display: block;
}

.pg a{
text-decoration:none;
color: #DCDCDC;
}


.right_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0px 0;
    padding: 15px 0px 20px 0px;
    width:28%;
}

.left_side {
    display: block;
    float: left;
    list-style-type: none;
    margin: 8px 2px 0;
    padding: 15px 10px 20px 0px;
    width: 20%;
}

.left_side ul {
    list-style-type: none;
    margin:0px;
    padding: 0px;
}
li.fotter_big_txt {
    color: #FFF;
    display: block;
    padding:25px;
    margin-left:-24px;
margin-bottom:8px;
    text-decoration: none; 
    font-weight:bold;
}
li.fotter_big_txt a {
    color: #FFFFFF;
    display: block;
    font-size:16px;
    line-height: 20px;
    font-weight:bold;
    float:left;
}

li.fotter_txt {
    color: #fff;
    font-size: 14px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;
}
li.fotter_txt a {
    color: #fff;
    text-decoration: none;
}
li.fotter_txt a:hover {
    color: #FFA500;
    font-size: 16px;
    text-decoration: none;
}

.span2
{
    color: #FFF;
margin-left:2px;
    display: block;
    padding: 20px;
    margin-bottom:-10px;
    text-align:left;
    font-weight:bold;
    font-size:16px;
}


.logo1{
display: block;
float:left;
}
.logo1 .fotter_txt_w{
    float:left;
margin:10px;
}

.logo1 .fotter_txt_wp {
    color: #fff;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo1 .fotter_txt_wp a {
     color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.logo1 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo2{
display: block;
margin-left:20px;
float:left;
}
.logo2 .fotter_txt_w{
    float:left;
margin:10px;
}

.logo2 .fotter_txt_wp {
    color: #fff;
    font-size: 16px;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo2 .fotter_txt_wp a {
     color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.logo2 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.logo3{
display: block;
float:left;
}
.logo3 .fotter_txt_w{
    margin:12px;
float:left;
}

.logo3 .fotter_txt_wp {
    color: #fff;
    font-weight:normal;
    text-align:left; 
    list-style-type:none;

}
.logo3 .fotter_txt_wp a {
     color: #fff;
    font-size: 14px;
    text-decoration: none;

}
.logo3 .fotter_txt_wp a:hover {
     color: #FFA500;
    font-size: 16px;
    text-decoration: none;

}

.row
{
margin-right:-15px;
margin-left:-15px
}
.footer_hide
{ 
display:block;
}
}