/* CSS Document */

body{background:#fff;}

header .headerbg{ background: #015695; color:#FFFFFF; margin-bottom:30px;}
.headerbg2{ background: url(images/header-bg2.jpg);}
header .logo{padding-top:65px; background:url(images/logo-bg.jpg) no-repeat; height:162px;}
header .boa{ text-align:right;}

.sidebar{ border:1px solid #eee; padding:10px;}
.sidebar .checkbox{margin-left:22px; font-size:12px; }

.right-sec{padding-left:40px !important;}
.right-sec .row{ margin:0; margin-bottom:10px;}
.right-sec h4{background:#eee; padding: 4px 8px; margin-bottom:13px;}

i.fa{font-size:40px; display:block; color:#3E93D2;}
.right-sec  .icon{text-align:center; margin-bottom:20px;}

.panel-group .panel{margin-bottom:15px!important;}

.footer{ text-align:center; background:#eee; padding:20px 0; margin-top:30px;}





@media (max-width:640px) {
.headerbg2 {background:none;}
header .logo{text-align:center; height:auto; padding:16px 0;}
header .logo img{width:40%; }
header .boa img{width:100%;}
.icon{width:24%; float:left; margin:10px  0;}
.panel-title{font-size:16px !important;}
}

@media  only screen and (min-width:768px) and (max-width:980px) {
.panel-title{font-size:14px !important;}
header .logo img{width:90%; }
header .boa img{width:80%;}
header .boa {margin-top: 14px;}
}