body{margin: 0px; background: #000; }
table,div{font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#fff; line-height:24px; }
a{color: #fff; text-decoration: none; }
a:hover{color: #fff; text-decoration: underline;}
img{border:none;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}

.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}

h1,h2,h3,h4{margin:10px 0;font-weight: normal;}
/*Heading*/
h1{font-size:22px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */
.black{color: #000;}

#main{margin:0 auto;}
header{/*background: url(../images/bg-img.jpg) no-repeat;*/margin-bottom: -7px;}
.header-content{width: 100%; margin: 910px auto;position: absolute;z-index: 100;}
.company-info{width: 870px;margin: 0 auto;}
#logo{width:380px;float: left;}
#company-add{width:440px;font-size: 33px;color: #fff;text-transform: capitalize;line-height: 34px;float: right;border-left:5px solid #fff;padding-left: 30px;margin-top: 20px; line-height: 38px;}
#company-add ul{margin: 0; padding: 0; list-style: none;}
#banner{}

#content{}
.blue-bg{background: #0093dd;}
.blue-bg h3{text-align: center;}


.detail-content{width: 92%; display: inline-block;border-bottom: 6px solid #fff; margin: 45px;padding-bottom: 35px;margin-bottom: 0px;}
#left{width:45%;}
#right{width:45%;}

.website-content{width: 92%; display: inline-block;margin:0 45px;padding-bottom: 35px;}
.website-content h3{margin: 40px;}
.contact-box{width: 620px;margin:55px auto 0;border: 4px solid #fff;padding: 25px;display: table;}
.contact-box h1{text-align: center;font-size: 50px;padding: 10px 0;}
.contact-left{width: 45%; float: left;}
.contact-right{width: 45%; float: right;}
.contact-box ul{display: inline-block; width: 100%;list-style: unset none circle;}
.contact-box ul li{margin-right: 20px;width: 30%; float: left;}

.contact-circle{width: 75px; height:55px;margin: -68px auto 0;
    background: #fff;border-radius: 50%;padding-top: 22px; text-align: center;}


footer{width: 100%;}
#footer{margin: 0 auto; width: 1038px; padding-left: 110px;}

#hamburger-navigation{display: none;}


@media only screen and (min-width:1180px) and (max-width:1280px) {

}

@media only screen and (min-width:960px) and (max-width:1179px) {
	.bg-img{width: 100%;}
#logo{padding-left: 36px;}
#logo img{width:73%;}
.header-content{margin:747px auto;}
.company-info{width:87%;}
#company-add {font-size: 22px; line-height: 26px; margin-top: -1px; padding-left: 88px; width: 37%;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.bg-img{width: 100%;}
#logo{padding-left: 36px;}
#logo img{width:44%;}
.header-content{margin:617px auto;}
.company-info{width: 100%;}
#company-add{width: 54%;line-height:26px;font-size: 22px;margin-top: -101px;padding-left: 32px;}
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 20px 0; text-align: right; text-decoration: none; width: 300px; z-index: 10;}
.bg-img{width: 100%;}
#logo{padding-left: 36px;}
#logo img{width:44%;}
.header-content{margin:501px auto;}
.company-info{width: 100%;}
#company-add{width: 54%;line-height:26px;font-size: 22px;margin-top: -101px;padding-left: 22px;}
.detail-content{margin: 10px;}
#left{width: 100%;}
#right{width: 100%;}
.website-content{margin: 10px;}
.contact-box{width: 95%;}
.contact-box{padding: 10px;}
.contact-box h1{font-size: 20px;}
.under-construction{width: 100%;}

.contact-box ul li{width: 100%; margin-right: 0px;}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 20px 0; text-align: right; text-decoration: none; width: 300px; z-index: 10;}
.bg-img{width: 100%;}
#logo{padding-left: 36px;}
#logo img{width:29%;}
.header-content{margin:378px auto;}
.company-info{width: 100%;}
#company-add{width: 54%;line-height: 16px;font-size: 14px;margin-top: -72px;padding-left: 22px;}
.detail-content{margin: 10px;}
#left{width: 100%;}
#right{width: 100%;}
.website-content{margin: 10px;}
.contact-box{width: 95%;}
.contact-box{padding: 10px;}
.contact-box h1{font-size: 20px;}
.under-construction{width: 100%;}

.contact-box ul li{width: 100%; margin-right: 0px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
#hamburger-navigation {background-color: rgba(0, 0, 0, 0); color: #ffffff; display: block; margin: 0 auto; padding: 20px 0; text-align: right; text-decoration: none; width: 300px; z-index: 10;}
.bg-img{width: 100%;}
#logo{padding-left: 6px;}
#logo img{width:29%;}
.header-content{margin: 228px auto;}
.company-info{width: 100%;}
#company-add{width: 54%;line-height: 16px;font-size: 14px;margin-top: -72px;padding-left: 10px;}
.detail-content{margin: 10px;}
#left{width: 100%;}
#right{width: 100%;}
.website-content{margin: 10px;}
.contact-box{width: 95%;}
.contact-box{padding: 10px;}
.contact-box h1{font-size: 20px;}
.under-construction{width: 100%;}
.contact-left{width: 100%;}
.contact-right{width: 100%;float: left;}
.contact-box ul li{width: 100%; margin-right: 0px;}
}