.header{background: url(../images/bg-header.png) repeat-y center 0 #d8eff0;}
.header .logo{width:265px; float: left;}
.header .logo img{width: 265px; float: left;}
.header .tinynav{display:none;}
.header .main_menu{width:877px; float:right; font-size: 20px; color: #0d2075; padding-top: 40px;}
.header #navigation{width:100%; float:left;}
.header #navigation li {width:auto; display: inline-block; margin: 0 0 0 50px}
.header #navigation li:first-child{margin: 0;}
.header #navigation li a{color: #0d2075; display: inline-block; padding: 5px;}
.header #navigation li a:hover{color: #000; margin-top: -5px;}
.header #navigation li a.login{background: #ebff00; border:1px solid #0d2075; padding: 5px 15px}

.footer{padding: 30px 0 0 0; height: 400px; background: url(../images/bg-footer.png) no-repeat center 0 #e20d8a; text-align: center;}
.footer .details_holder{width: 750px;}
.footer .link_holder{width: 40%; float: left;}
.footer .link_holder ul li{width: 33.333%; float: left; line-height: 45px;}
.footer .link_holder a{color: #fff;}
.footer .icon_holder{width: 60%; float: right; text-align: center;}
.footer .icon_holder img{display: inline-block; margin: 0 5%; width: 45px; float: none;}

.common_container{padding:50px; background:#eaf3f3;}
.common_container h1{font-size:57px; line-height:57px; color:#474747; padding-bottom:30px;}
.Common_text_container{color:#393939}
.Common_text_container,
.Common_text_container ul li{font-size:28px; line-height:44px;}
.Common_text_container ul li{width:47%;}
.Common_text_container ul li:last-child{float:right;}


@media only screen and (max-width:1600px){
.header{background: url(../images/bg-header.png) repeat-y 42% 0 #d8eff0;}

}

@media only screen and (max-width:1380px), (max-width:1440px){
.details_holder{width:100%; padding: 0 15px;}

.header{background: url(../images/bg-header.png) repeat-y 48% 0 #d8eff0;}

}

@media only screen and (max-width:1366px){
.header{background: url(../images/bg-header.png) repeat-y 42% 0 #d8eff0;}

}

@media only screen and (max-width:1200px), (max-width:1280px){
.header{background: url(../images/bg-header.png) repeat-y 38% 0 #d8eff0;}

.common_container{padding:50px;}
.common_container h1{font-size:50px; line-height:50px;}
.Common_text_container,
.Common_text_container ul li{font-size:25px; line-height:40px;}
.Common_text_container ul li{width:47%;}

}

@media only screen and (max-width:1024px),(max-width:1040px){
.header{background: url(../images/bg-header.png) repeat-y 30% 0 #d8eff0;}
.header .logo img{width: 240px;}
.header .main_menu{width: 700px; font-size: 18px;}
.header #navigation li {margin: 0 0 0 20px}
.footer{padding: 30px 0; height: auto;}

}

@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.header{background:#d8eff0;}
.header .details_holder{padding: 0;}
.header .logo{width:100%; background: #000; padding: 0 0 10px 0}
.header .logo img{width: 250px; float: none; margin:0 auto;}
.header .tinynav {display:block;border:0px solid #ccc; padding:10px; background:url(../images/arrow.png) no-repeat 98% 8px; text-align:left; font-size:16px; color:#333; text-align:left; direction:ltr; cursor:pointer;}
.header .tinynav:hover{border:0px solid #333; color:#000;background:url(../images/arrow-ov.png) no-repeat 98% 8px}
.header .main_menu{width:100%; float:right; padding: 0}
.header #navigation{display:none} 

.footer{background: url(../images/bg-footer.png) no-repeat right 0 #e20d8a; text-align: center;}
.footer .details_holder{width: 100%;}
.footer .link_holder{width: 100%; padding-bottom: 30px;}
.footer .link_holder ul li{width: 33.333%; line-height: 25px;}
.footer .icon_holder{width: 100%;}
.footer .icon_holder img{margin: 0 5%; width: 40px;}

.common_container{padding:30px 5%;}
.common_container h1{font-size:40px; line-height:40px;}
.Common_text_container,
.Common_text_container ul li{font-size:20px; line-height:30px;}
.Common_text_container ul li{width:100%;}


}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){

}

@media only screen and (max-width:500px),(max-width:580px){

}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
.common_container{padding:30px 5%;}
.common_container h1{font-size:35px; line-height:35px;}
.Common_text_container,
.Common_text_container ul li{font-size:17px; line-height:27px;}
}

@media only screen and (max-width:375px), (max-width:384px){

}

@media only screen and (max-width:360px){

}

@media only screen and (max-width:300px), (max-width:320px){

}