/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 27, 2015, 2:44:03 PM
    Author     : user
*/

@media only screen and (min-width: 320px) and (max-width: 480px)
   {
.bottomblock{top:0; position: relative}
.navbar{display: block}
header,  .bottomblock{display:none}
.navbar-default{background: none; border: none}
.navbar-toggle{ margin-right: 0px; margin-top: 40px; background:#035f78; margin-bottom: 0; border-color:#035267 !important; border-radius: 0 }
.navbar-nav{margin-top: 0; background: rgba(3, 95, 120, 0.9)}
.navbar-default .navbar-nav > li > a{color: #fff}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a:focus
{background: rgba(3, 95, 120, 1); color:#fff}
.navbar-default .navbar-nav > li > a{ border-bottom:1px solid #035f78; border-top:1px solid #035267}
.navbar-default .navbar-toggle .icon-bar {background: #fff }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:#035f78;}
.navbar-collapse{border:none; margin-top: 0x; position: absolute; width: 100%; z-index: 9}
.c-main-title-circle{margin-top: 35%}
.c-main-title-circle h3{font-size: 22px}
.c-main-title-circle h5{font-size: 17px}
.mobilecopyright{display: block; bottom:0; position: absolute; text-align: center; color:#fff; background:#035f78;}
.mobilecopyright p{font-size: 11px; line-height: 2}
.mobilecopyright p a:hover{color:#fff; text-decoration: underline}
.content .container{height: 350px;}
.content h3{font-size: 15px}
.c-content-feature-5{margin-bottom: 30%}
.c-content-feature-5 .c-text{ width: 85%}
.c-content-feature-5 .c-photo{right: 0; top: 70px}
.c-font-19 {    font-size: 14px;}
.c-content-box .col-sm-12{padding: 0}
 }
   
 /* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
}  

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
.c-main-title-circle {margin-top: 15%; padding: 17% 20%;}
.c-main-title-circle h3{font-size: 18px; padding-bottom: 0}
.c-main-title-circle h5{font-size: 12px}
.content .container {    height: 200px;}
}

@media only screen and (min-width: 360px) and (max-width: 640px)
   {
      .content .container {    height: 500px;} 
   }
@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) {
    .c-main-title-circle h3{padding-bottom: 0}
    .block .icon{width: 50px; height: 50px; font-size: 24px; line-height: 2}
    .links .block h3{font-size: 12px}
    .content .container {    height: 174px;}
    .navigation{margin-top: 54px}
    .navigation h2{text-align: right}
    .content h4, .services .c-content-feature-2 .c-title, .c-content-title-1 > h3, .c-content-accordion-1 .panel > .panel-heading > .panel-title > a{font-size: 14px}
    .services .c-content-feature-2 p, .content p, .inner_heading h2{font-size: 12px}
    .c-content-accordion-1 .panel > .panel-heading > .panel-title > a{padding: 10px}
    .panel-body{font-size: 12px}
    .c-content-accordion-1 .panel > .panel-collapse > .panel-body{padding: 0 30px 15px;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .content .container{height: 726px}
    .services .c-content-feature-2 p, .content h3{font-size: 11px}
    .c-content-feature-5{margin-bottom: 30px}
}