body{background-color:#EFEFEF;margin:0;font-family: 'Roboto', sans-serif;font-size:16px;color:#494949;line-height:28px;}
img{max-width:100%;}
.century{width:100%;height:auto;position:relative;float:left;background-color:#fff;}
.nav{width:90%;height:auto;background-color:#111183;position:relative;float:left;padding-right:5%;padding-left:5%;}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #111183;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 13px;
}
h1{line-height:34px;}

ul.topnav li a:hover {background-color:#ff9900;}
.active {background-color:#ff9900;}

ul.topnav li.icon {display:none;}
.head{width:90%;height:auto;position:relative;float:left;background-color:#F4F4F4;padding-right:5%;padding-left:5%;margin-top:5px;margin-bottom:5px;}
.head #logo{width:50%;height:auto;position:relative;float:left;}
.head #cll{width:50%;height:auto;position:relative;float:left;text-align:right;}
.banner{width:90%;height:auto;position:relative;float:left;background-image:url("/images/packers-and-movers-bangalore.png");text-align:center;padding-right:5%;padding-left:5%;padding-top:1%;padding-bottom:1%;}

.bangbanner{width:90%;height:auto;position:relative;float:left;background-image:url("/images/packers-and-movers-bangalore.png");text-align:center;padding-right:5%;padding-left:5%;padding-top:1%;padding-bottom:1%;}
.bangbanner #form{width:25%;height:auto;position:relative;float:right;background-color:#111183;padding:2%;}
#form ul,#form ul li{padding:0;display:block}#form ul{margin:0}#form ul li{margin:7px 0 0}#form ul li input,select,textarea{width:97%;border:1px solid #777777;padding:5px;outline:0}

.client{width:90%;height:auto;position:relative;float:left;text-align:center;padding-right:5%;padding-left:5%;padding-top:1%;padding-bottom:1%;}
.client img{border:1px solid #c7c7c7;margin-left:10px;}
.banner #form{width:25%;height:auto;position:relative;float:right;background-color:#111183;padding:2%;}
#form ul,#form ul li{padding:0;display:block}#form ul{margin:0}#form ul li{margin:7px 0 0}#form ul li input,select,textarea{width:97%;border:1px solid #777777;padding:5px;outline:0}

.service{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;margin-top:5px;margin-bottom:5px;background-color:#bf0001;color:#fff;}
.service #box{width:44%;height:auto;position:relative;float:left;padding:3%;}
.service #box img{float:left;padding:10px;border:1px solid #c7c7c7;margin-right:10px;}
.content{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;background-color:#F4F4F4;}
.content #left{width:70%;height:auto;position:relative;float:left;}
.content #right{width:30%;height:auto;position:relative;float:left;margin-top:120px;}
.footer{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;background-color:#2A2A2A;color:#fff;}
.footer #footbox{width:33%;height:auto;position:relative;float:left;}
.footer #footbox a:link{color:#FFB400;}
.ftt{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;background-color:#000;color:#fff;text-align:center;margin-top:2px;padding-top:1%;padding-bottom:1%;}










@media screen and (min-width:441px) and (max-width:680px) {
ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
.head{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;margin-top:5px;margin-bottom:5px;}
.century{width:100%;height:auto;position:relative;float:left;}
.nav{width:96%;height:auto;background-color:#111183;position:relative;float:left;padding-right:2%;padding-left:2%;}
.head #logo{width:40%;height:auto;position:relative;float:left;}
.head #cll{width:58%;height:auto;position:relative;float:left;text-align:right;margin-left:2%;}
.banner{width:90%;height:auto;position:relative;float:left;background-color:#717F0C;text-align:center;padding-right:5%;padding-left:5%;padding-top:1%;padding-bottom:1%;}
.banner #form{width:80%;height:auto;position:relative;float:right;background-color:#111183;padding:2%;}
#form ul,#form ul li{padding:0;display:block}#form ul{margin:0}#form ul li{margin:7px 0 0}#form ul li input,select,textarea{width:97%;border:1px solid #777777;padding:5px;outline:0}

.bangbanner{width:90%;height:auto;position:relative;float:left;background-color:#717F0C;text-align:center;padding-right:5%;padding-left:5%;padding-top:1%;padding-bottom:1%;}
.bangbanner #form{width:80%;height:auto;position:relative;float:right;background-color:#111183;padding:2%;}
#form ul,#form ul li{padding:0;display:block}#form ul{margin:0}#form ul li{margin:7px 0 0}#form ul li input,select,textarea{width:97%;border:1px solid #777777;padding:5px;outline:0}

.service{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;margin-top:5px;margin-bottom:5px;background-color:#bf0001;color:#fff;}
.service #box{width:44%;height:auto;position:relative;float:left;padding:3%;}
.service #box img{float:left;padding:10px;border:1px solid #c7c7c7;margin-right:10px;}
.content{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;background-color:#F4F4F4;}
.content #left{width:70%;height:auto;position:relative;float:left;}
.content #right{width:30%;height:auto;position:relative;float:left;}
.footer{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;background-color:#2A2A2A;color:#fff;}
.footer #footbox{width:50%;height:auto;position:relative;float:left;}
.footer #footbox a:link{color:#FFB400;}
.ftt{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;background-color:#000;color:#fff;text-align:center;margin-top:2px;padding-top:1%;padding-bottom:1%;}
}

@media screen and (min-width:441px) and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}





@media screen and (min-width:300px) and (max-width:440px) {
ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
.head{width:90%;height:auto;position:relative;float:left;padding-right:5%;padding-left:5%;margin-top:5px;margin-bottom:5px;}
.head #logo{width:100%;height:auto;position:relative;float:left;text-align:center;}
.head #cll{width:100%;height:auto;position:relative;float:left;text-align:center;}
.banner{width:96%;height:auto;position:relative;float:left;background-color:#717F0C;text-align:center;padding:2%;}
.banner #form{width:96%;height:auto;position:relative;float:right;background-color:#111183;padding:2%;}
#form ul,#form ul li{padding:0;display:block}#form ul{margin:0}#form ul li{margin:7px 0 0}#form ul li input,select,textarea{width:97%;border:1px solid #777777;padding:5px;outline:0}
.bangbanner{width:96%;height:auto;position:relative;float:left;background-color:#717F0C;text-align:center;padding:2%;}
.bangbanner #form{width:96%;height:auto;position:relative;float:right;background-color:#111183;padding:2%;}
#form ul,#form ul li{padding:0;display:block}#form ul{margin:0}#form ul li{margin:7px 0 0}#form ul li input,select,textarea{width:97%;border:1px solid #777777;padding:5px;outline:0}
.service{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;margin-top:5px;margin-bottom:5px;background-color:#bf0001;color:#fff;}
.service #box{width:94%;height:auto;position:relative;float:left;padding:3%;}
.service #box img{float:left;padding:10px;border:1px solid #c7c7c7;margin-right:10px;}
.content{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;background-color:#F4F4F4;}
.content #left{width:100%;height:auto;position:relative;float:left;}
.content #right{width:30%;height:auto;position:relative;float:left;display:none;}
.footer{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;background-color:#2A2A2A;color:#fff;}
.footer #footbox{width:100%;height:auto;position:relative;float:left;}
.footer #footbox a:link{color:#FFB400;}
.ftt{width:96%;height:auto;position:relative;float:left;padding-right:2%;padding-left:2%;background-color:#000;color:#fff;text-align:center;margin-top:2px;padding-top:1%;padding-bottom:1%;}

}

.top_icon{
    width:30px;
    height: 30px;
    border-radius:50%;
}
.display_flex{
    display:flex !important;
    
}
.display_flex span{
    padding-left: 10px;
}
.padding-right {
    margin-right: 34px;
    padding: 0px;
    width: 90%;
    border-radius: 10px;
    margin-top: 12px;
}

.img2{
    width: 300px;
    border-radius: 10px;
    margin-right: 84px;
}
.mobile_whatsapp_area{
    display:none;
}
.margin_top_10{
    margin-top: 10px;
}

/*======= social media ======== */

.social_platform{
    padding-left:0;
}
.social_platform li{
    list-style-type:none;
}
.social_platform li a{
    padding: 10px;
    color: #fff;
}
.social_platform li a img{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 2px solid transparent;
}
.social_platform li a img:hover{
    border: 2px solid orange;
}
.img_2_left{
   margin-top: 30px; 
    
}
.width_30{
    width:30%;
}
.width_70{
    width:65%;
    padding-right:5%;
    
}




dl {
  width: 100%
  
}

dt{
    cursor: pointer;
    font-weight: 300;
    font-size: 18px;
    padding: 10px 10px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #f9f9f9;
}

dd{
    margin: 0;
    padding: 2em;
    background: #fcfcfc
}
.text-bold{
    font-weight:bold;
}






@media(max-width:767px){
    .mobile_flex{
        flex-direction:column;
    }
    .mobile_flex img{
        width:100%;
    }
    .padding-right {
        margin-right:0;
    }
    .mobile_span{
            margin-top: 20px;
    position: relative;
    top: -8px;
    left: 8px;
    }
    ul.topnav li.icon{
        height: 30px;
    }
   .mobile_whatsapp_area {
    display: block;
    display: flex;
    background: #686867;
    margin: 0;
    padding: 10px;
   
    justify-content: space-evenly;
}
    .mobile_whatsapp_area li{
        list-style-type:none;
    }
    .mobile_whatsapp_area li a{ 
        color: #fff;
        text-decoration: none;
    }
     .mobile_whatsapp_area li a span{
    position: relative;
    top: -8px;
    padding-right: 10px;
    }
    .mobile_hide{
        display:none !important;
    }
    
    .img2{
        margin-right:0;
    }
    .width_70, .width_30{
        width:100%;
    }
}

@media screen and (min-width:300px) and (max-width:440px) {
 ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
    
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}