body{ padding: 0px; margin: 0px; list-style: none; font: normal 14px/18px 'Open Sans', sans-serif; color:#000; background:#000;  }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1; }
input[type="text"]::-moz-placeholder { opacity: 1; }
input[type="search"]::-webkit-placeholder { opacity: 1; }
input[type="search"]::-moz-placeholder { opacity: 1; }
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1; }
input[type="tel"]::-webkit-placeholder { opacity: 1; }
input[type="tel"]::-moz-placeholder { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }
textarea::-webkit-placeholder { opacity: 1; }
a:hover{ outline: none !important; text-decoration: none;
-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
a:active{ outline: none !important; text-decoration: none;}

/*font-family: 'Open Sans', sans-serif;*/
@font-face {
    font-family: 'ufonts_com_serpentinedbold';
    src: url('../fonts/ufonts_com_serpentinedbold.eot');
    src: url('../fonts/ufonts_com_serpentinedbold.eot') format('embedded-opentype'),
         url('../fonts/ufonts_com_serpentinedbold.woff2') format('woff2'),
         url('../fonts/ufonts_com_serpentinedbold.woff') format('woff'),
         url('../fonts/ufonts_com_serpentinedbold.ttf') format('truetype'),
         url('../fonts/ufonts_com_serpentinedbold.svg#ufonts_com_serpentinedbold') format('svg');
}

@font-face {
    font-family: 'conthraxsb';
    src: url('../fonts/conthraxsb.eot');
    src: url('../fonts/conthraxsb.eot') format('embedded-opentype'),
         url('../fonts/conthraxsb.woff2') format('woff2'),
         url('../fonts/conthraxsb.woff') format('woff'),
         url('../fonts/conthraxsb.ttf') format('truetype'),
         url('../fonts/conthraxsb.svg#conthraxsb') format('svg');
}

@font-face {
    font-family: 'ufonts_com_vijaya';
    src: url('../fonts/ufonts_com_vijaya.eot');
    src: url('../fonts/ufonts_com_vijaya.eot') format('embedded-opentype'),
         url('../fonts/ufonts_com_vijaya.woff2') format('woff2'),
         url('../fonts/ufonts_com_vijaya.woff') format('woff'),
         url('../fonts/ufonts_com_vijaya.ttf') format('truetype'),
         url('../fonts/ufonts_com_vijaya.svg#ufonts_com_vijaya') format('svg');
}


.container{ max-width: 1030px;}
.nav_sec{ width: 100%; position: absolute; left: 0px; top: 0px; z-index: 999; background: url(../images/nav_bg.png) repeat 0 0; }   
.menu_btn{ width: 120px; background: url(../images/nav_bg.png) repeat 0 0; text-align: center; position: absolute; left: 0px top:0px;
/*-moz-box-shadow: 2px -7px 10px -3px #fff;
-webkit-box-shadow: 2px -7px 10px -3px #fff;
box-shadow: 2px -7px 10px -3px #fff;*/ }  
.menu_btn a{ padding: 45px 0; margin: 0px; width: 100%; float: left; cursor: pointer;}
.menu_btn a img{ max-width: 100%;}
  
.nav_sec .navbar-brand{ width: auto; margin: 16px 0; padding: 0px; height: auto; border: none; min-height: inherit;} 
.nav_sec .navbar-brand img{ max-width: 100%;}

.nav_sec.inner{ position: fixed; background:#000;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.nav_sec.fixed{ position: fixed;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.nav_sec.fixed .menu_btn a{ padding: 33px 0;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.nav_sec.fixed .navbar-brand{ width: 300px;
-moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.nav_sec.fixed .menu_btn{ width: 100px;}

.menu_content{ width 100%; padding: 97px 0 0;}
.menu_content_list{ width: 100%; border-top: 1px solid #bbbaba;}
.menu_content_list ul{ width: 100%;}
.menu_content_list li{ width: 25%; float: left; border-right: 1px solid #bbbaba; border-bottom: 1px solid #bbbaba; display: inline-block; vertical-align: middle; width: 25%; text-align: center;}
.menu_content_list li a { color: #fff; display: inline-block; font: 31px/26px 'Open Sans', sans-serif; min-height: 346px; padding: 160px 40px; text-decoration: none; vertical-align: middle; width: 100%;}
.menu_content_list li a:hover{ background: #fff; color:#000;}


/* Carousel Fading slide */
.carousel-fade .item {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.carousel-fade .active.left,
.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel-fade .carousel-control { z-index: 3; }
.carousel-fade .next,
.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

#myCarousel .carousel-caption{ text-shadow: inherit; left: 0px; top: 0px; bottom: inherit; text-align: left; width: 100%; margin: 0px;}
#myCarousel .carousel-indicators { bottom: inherit; left: inherit; margin: 0; right: 40px; top: 350px; width: 30px;}
#myCarousel .carousel-caption h2{ font: normal 81.75px/90px 'ufonts_com_serpentinedbold'; color:#fff; }
#myCarousel .carousel-caption p{ font: 300 26.04px/36.46px 'Open Sans', sans-serif; color:#fff; padding: 10px 0 0; }
#myCarousel .carousel-caption p span{ text-transform: uppercase; font-family: 'conthraxsb'; }
.banner_txt{ margin-top: 300px;}  
#myCarousel .carousel-indicators li{ width: 20px; height: 20px; background: none; margin: 5px 0;}
#myCarousel .carousel-indicators li.active{ background: #fff; width: 20px; height: 20px;}
  
.top_scrl{ width: 34px; position: absolute; left: 50%; margin-left: -17px; bottom: 30px; z-index: 99; outline: none;}
.top_scrl img{ max-width: 100%;}
  

.mid_sec{ width: 100%; display: inline-block; background: url(../images/mid_bg.jpg) no-repeat center center #ebebeb; padding:120px 0 110px 0;
 background-size: cover; background-attachment: fixed;}  
.mid_inner{ width: 100%; }
.mid_inner h3{ font: 700 46.88px/50px 'Montserrat', sans-serif; color:#1c1c1c; background: url(../images/border.jpg) no-repeat center bottom; padding-bottom: 20px; text-align: center; }
.mid_inner p{ font: normal 22.75px/25px 'ufonts_com_vijaya'; color:#000; font-style: italic; padding: 18px 0 0; text-align: center; }

.client_inner{ width: 100%; padding: 35px 0 0; }  
.client_row{ margin: 0 -7px;}
.client_col{ padding: 0 7px; float: left; width: 20%; }
.client_box{ width: 100%; margin-top: 30px; float: left;}
.client_box a{ padding: 10px; display: block; border: 1px solid #898989; text-align: center;} 
.client_box a img{ width: 100%;}

.footer_sec{ width: 100%; border-top: 6px solid #fff; border-bottom: 9px solid #9f8b67; background: #202020; padding: 34px 0 42px 0; text-align: center; margin-top: -5px}
.footer_inner{ width: 100%; text-align: center;}
.footer_inner ul{ display: inline-block; width: 100%; padding-bottom: 14px; background: url(../images/devider.png) no-repeat center bottom;}
.footer_inner ul li{ display: inline-block; margin: 0px; padding: 0 18px; text-align: center;}
.footer_inner ul li a{ color:#bfa67a; font: 300 18.59px/20px 'Open Sans', sans-serif; color:#bfa67a; text-decoration: none; padding: 0px; margin: 0px; text-decoration: none; }
.footer_inner ul li a:hover, .footer_inner ul li a.active{ color:#fff;}
.footer_inner p{ font: 300 18.59px/20px 'Open Sans', sans-serif; color:#fff; padding: 20px 0 0;}


/* ============inner page css ==================== */
.heading_area{ width:100%; background: url(../images/blk_bg.jpg) no-repeat center top; background-size: 100% auto; margin:80px 0 0 0; padding: 0px;   }
.heading_area h2{ font: 700 70px/68px 'Montserrat', sans-serif; color:#bfa67a; padding:80px 0; text-align: center;}

.mid_sec_inner_page{ width: 100%; display: inline-block; padding:220px 0 220px 0; background-size: cover !important; background-attachment: fixed !important;} 
.contact_box{ width: 683px; margin:0 auto; background: rgba(255,255,255, 0.9); padding: 10px; display: block; }
.contact_box_inner{ width:100%; display: block; border:2px solid #898a8b; text-align: center; padding:65px 0;    }
.contact_box_inner h3{ font: 600 54px/62px 'Montserrat', sans-serif; color:#151515; padding:0px 0 25px 0; text-transform: uppercase; }
.contact_box_inner p{ font: 400 34.82px/40px 'Open Sans', sans-serif; color:#000; padding:12px 0; }
.contact_box_inner p a{ color:#000; } 

.how_page{ padding:80px 0 225px 0; }
.how_page_inner{ width:100%; display: block; background: rgba(0,0,0,0.9); padding:55px 55px 170px 55px; }
.how_page_inner_content{ width: 100%; background: url(../images/line.png) no-repeat center bottom; padding-bottom:125px; }
.how_page_inner_content p{ font: 400 16.68px/32px 'Open Sans', sans-serif; color:#fff; padding:0 0 20px 0; max-width:100%; text-align:left; margin: 0 0 0 0; }
.how_page_inner_content p span{font-family: 'conthraxsb';}

/*26.09.2016*/
.about_sec { padding-bottom: 66px;}
.about_sec p{ text-align: justify;}
.about_left{ width: 100%; position: relative; margin-top: 30px;}
.about_left img{ width: 100%;}
.pic_brdr { border: 1px solid #fff; height: 95%; left: 0; margin: 2%; position: absolute; top: 0; width: 96%;}
.about_rt{ width: 100%; text-align: left; margin-top: 30px;}
.about_rt h5{ font: 700 26.04px/28px 'Roboto Condensed', sans-serif; color:#bfa67a;}
.about_rt h5 span{ color:#fff; text-transform: uppercase; font-family: 'conthraxsb'; }
.about_rt ul{ margin: 12px 0 0; list-style: none; padding: 0px; float: left;}
.about_rt ul li{ margin: 10px 0 0; font: 400 15.63px/20px 'Open Sans', sans-serif; color:#fff; padding: 0 0 0 36px; background: url(../images/bullet.png) no-repeat left 8px; width: 100%; float: left; }
.about_details{ width: 100%; display: inline-block; padding-bottom: 40px;}

.thought_pg{ width: 100%; min-height: 930px; padding: 130px 0 0; }
.thought_inner{ text-align: center; width: 100%;}
.thought_inner p{ font: 400 34.46px/50px 'Open Sans', sans-serif; color:#161616; font-style: italic; position: relative; }
.thought_inner h5{ font: 700 46.48px/50px 'Montserrat', sans-serif; color:#bfa67a; text-transform: uppercase; padding: 20px 0 0; display: inline-block;}
.thought_inner p strong.left_coma{ position: absolute; left: 40px; top: -35px;}
.thought_inner p strong.left_coma img{ max-width: 100%;}
.thought_inner p strong.rt_coma { bottom: -68px; position: absolute; right: 82px;}
.thought_inner p strong.rt_coma img{ max-width: 100%;}

.service_sec{ width: 100%; background: #fff; padding: 60px 0 160px 0;}
.service_inner{ width: 100%;}
.service_box{ width: 100%; margin-top: 60px;}
.service_pic{ width: 100%; position: relative;}
.service_pic img{ width: 100%;}
.service_txt{ width: 100%; padding: 34px 0 0 30px; display: inline-block; min-height: 230px;}
.service_txt h4{ font: 700 25.04px/28px 'Roboto Condensed', sans-serif; color:#bfa67a; }
.service_txt h4 a{color:#bfa67a; text-decoration: none;}
.service_txt ul{ margin: 12px 0 0; list-style: none; padding: 0px; float: left;}
.service_txt ul li{ margin: 10px 0 0; font: 400 15.63px/20px 'Open Sans', sans-serif; color:#000; padding: 0 0 0 20px; 
background: url(../images/bullet.png) no-repeat left 8px; width: 100%; float: left; }
.service_txt ul li a{ text-decoration: none; color:#000;}

.main-header.inner_pg{ background: #000;}
.main-header.inner_pg:hover{ background: #000;}
.logo_top .toggle span{ background: #fff;}
.logo{ width: auto; float: left; margin-top: 12px;}
.logo img{ max-width: 100%;}
.rokkan-main-logo { left: -47px; min-height: 106px; position: absolute; width: 151px; z-index: 999;}
.main-header{ height: 106px;}
.mod__inner{ max-width: 100%;}
.rokkan-main-logo .toggle { margin: 0; padding: 40px; z-index: 999;}
.main-header.inverted .rokkan-main-logo{background: #0d0d0d;}
.logo_main{ width: 100%; position: absolute; left: 0px; top: 0px; }
.main-header.home_pg{ background: url(../images/nav_bg.png) repeat 0 0;}
.main-header.home_pg:hover{ background: url(../images/nav_bg.png) repeat 0 0;}
.main-header.inverted.home_pg .rokkan-main-logo{ background: url(../images/nav_bg.png) repeat 0 0;
/*-moz-box-shadow: 1px -8px 11px -6px #fff;
-webkit-box-shadow: 1px -8px 11px -6px #fff;
box-shadow: 1px -8px 11px -6px #fff;*/
}



@media (min-width: 992px) and (max-width: 1360px) {
.heading_area h2{ padding:55px 0; }

}

@media (min-width: 1200px) and (max-width: 1285px) {
.nav_sec .navbar-brand{ margin: 16px 0 16px 34px;}
.banner_txt{ margin-left: 34px;}
#myCarousel .carousel-caption h2 { font: 63.75px/82px "ufonts_com_serpentinedbold";}
#myCarousel .carousel-caption p { font: 300 22.04px/32.46px "Open Sans",sans-serif; padding: 6px 0 0;}


}

  
  
  
@media (min-width: 992px) and (max-width: 1199px) {
.nav_sec .navbar-brand { display: inline-block; float: none; margin: 16px 0 16px 34px; text-align: center;width: 100%;}
.banner_txt{ margin-left: 0;}
#myCarousel .carousel-caption h2 { font: 63.75px/82px "ufonts_com_serpentinedbold";}
#myCarousel .carousel-caption p { font: 300 22.04px/32.46px "Open Sans",sans-serif; padding: 6px 0 0;}
.nav_sec.fixed .navbar-brand{ width: 100%;}
.menu_btn{ z-index: 999;}
.nav_sec.fixed .navbar-brand img{ width: 294px;}
.logo { left: 50%; margin-left: -165px; position: absolute; top: 10px; width: 350px;}

}

 
 
 
@media (min-width: 768px) and (max-width: 991px) {
.nav_sec .navbar-brand { display: inline-block; float: none; margin: 15px 0; text-align: center;width: 100%;}
.banner_txt{ margin-left: 0;}
#myCarousel .carousel-caption h2 { font: 46.75px/70px "ufonts_com_serpentinedbold";}
#myCarousel .carousel-caption p {font: 300 18.04px/27.46px "Open Sans",sans-serif; padding: 1px 0 0;}
.nav_sec.fixed .navbar-brand{ width: 100%;}
.menu_btn{ z-index: 999;}
.nav_sec.fixed .navbar-brand img{ width: 294px;}
.footer_inner ul li{ padding: 0 8px;}
.footer_inner ul li a{ font: 300 15.59px/18px "Open Sans",sans-serif;}
.footer_inner p { font: 300 16.59px/18px "Open Sans",sans-serif; padding: 16px 0 0;}
.footer_sec{ padding: 34px 0;}
.mid_sec{ padding: 60px 0;}
.mid_inner h3 { font: 700 38.88px/40px "Montserrat",sans-serif; padding-bottom: 16px;}
.nav_sec .navbar-brand img{ width: 350px;}
.menu_btn a{ padding: 38px 0;}
.menu_content_list li a { font: 22px/26px 'Open Sans', sans-serif; min-height: 324px; padding: 150px 40px;}

.heading_area{ background-size: cover; margin:95px 0 0 0; }
.heading_area h2{ padding:55px 0; }
.mid_sec_inner_page { padding: 120px 0;}
.contact_box { width: 570px;}
.contact_box_inner { padding: 45px 0;}
.contact_box_inner h3 { font: 600 50px/62px "Montserrat",sans-serif; padding: 0 0 15px;}
.contact_box_inner p { font: 400 31px/40px "Open Sans",sans-serif; padding: 12px 0;}
.how_page{ padding:80px 0 160px 0; }
.how_page_inner { padding: 55px 55px 100px;}
.how_page_inner_content { padding-bottom: 50px;}

.about_rt h5{ font: 700 21.04px/26px "Roboto Condensed",sans-serif;}

.thought_inner p{ font: italic 400 28.46px/40px "Open Sans",sans-serif;}
.thought_inner p strong.left_coma { left: 11px; top: -26px; width: 35px;}
.thought_inner p strong.rt_coma { bottom: -45px; right: 65px; width: 35px;}
.thought_inner h5 {font: 700 30.48px/34px "Montserrat",sans-serif; padding: 16px 0 0;}
.thought_pg{ padding: 80px 0 0 !important; min-height: 750px;}

.service_txt{ padding: 15px 0 0 15px; min-height: 190px;}
.service_txt h4{ font: 700 19.04px/24px "Roboto Condensed",sans-serif;}
.service_txt ul li{ font: 400 13.63px/18px "Open Sans",sans-serif;}
.service_txt ul{margin: 6px 0 0;}
.service_box{ margin-top: 30px;}
.service_sec{ padding: 30px 0 80px 0;}

.logo{ width: 300px;}
.rokkan-main-logo{ min-height: 95px;}
.rokkan-main-logo .toggle { margin: 0; padding: 34px;}
.logo { left: 50%; margin-left: -140px; position: absolute; top: 10px; width: 300px;}
.main-header {  height: 95px;}





}


 
@media only screen and (max-width: 767px){
.nav_sec .navbar-brand { display: inline-block; float: none; margin: 15px 0; text-align: center;width: 100%;}
.banner_txt{ margin: 60px 0 0; width: 100%;}
#myCarousel .carousel-caption h2 { font: 28.75px/63px "ufonts_com_serpentinedbold";}
#myCarousel .carousel-caption p {font: 300 16.04px/27.46px "Open Sans",sans-serif; padding: 1px 0 0;}
#myCarousel .carousel-caption p br{ display: none;}
.nav_sec.fixed .navbar-brand{ width: 100%;}
.menu_btn{ z-index: 999; width: 80px;}
.nav_sec.fixed .navbar-brand img{ width: 180px;}
.footer_inner ul li{ padding: 4px;}
.footer_inner ul li a{ font: 300 13.59px/16px "Open Sans",sans-serif;}
.footer_inner p { font: 300 16.59px/18px "Open Sans",sans-serif; padding: 16px 0 0;}
.footer_sec{ padding: 20px 0;}
.mid_sec{ padding: 40px 0;}
.mid_inner h3 { font: 700 38.88px/40px "Montserrat",sans-serif; padding-bottom: 16px;}
.nav_sec .navbar-brand img{ width: 220px;}
.menu_btn a{ padding: 26px 0;}
.menu_content_list li{ width: 50%;}
.menu_content_list li a { font: 17px/26px "conthraxsb"; min-height: 133px; padding: 68px 30px;}
.nav_sec.fixed .menu_btn a{ padding: 21px 0;}
.nav_sec.fixed .menu_btn{ width: 75px;}
/*#myCarousel .carousel-inner{ height: auto;}
#myCarousel .carousel-inner .fill{ height: auto; min-height: 500px;}
.carousel, .item, .active{ height: auto !important;}*/

.client_col { padding: 0 7px; width: 33.3333%;}
.footer_inner p { font: 300 13.59px/14px "Open Sans",sans-serif; padding: 12px 0 0;}
.footer_inner ul{ background-size: 100%;}
#myCarousel .carousel-indicators { bottom: inherit; left: 50%; margin: 0 0 0 -50%; right: inherit; text-align: center; top: 350px; width: 100%;}
.menu_content_list li { width: 25%;}
.menu_content_list li a { font: 17px/26px 'Open Sans', sans-serif; min-height: 129px; padding: 48px 14px;}
.overlay .overlay-close{ left: 8px; top: 12px;}
.menu_content_list { border-left: 1px solid #bbbaba; width: 99%;}
.menu_content { height: 100%; padding: 97px 0 0; position: fixed; width: 100%;}
.menu_content{ padding: 70px 0 0;}

.heading_area{ background-size: cover; margin:74px 0 0 0;}
.heading_area h2{ padding:55px 0; }
.mid_sec_inner_page { padding: 120px 0;}
.contact_box { width: 570px;}
.contact_box_inner { padding: 45px 0;}
.contact_box_inner h3 { font: 600 50px/62px "Montserrat",sans-serif; padding: 0 0 15px;}
.contact_box_inner p { font: 400 31px/40px "Open Sans",sans-serif; padding: 12px 0;}

.how_page{ padding:80px 0 160px 0; }
.how_page_inner { padding: 25px 25px 100px;}
.how_page_inner_content { padding-bottom: 50px;}
.how_page_inner_content p { font: 400 15px/28px "Open Sans",sans-serif;}

.about_rt h5{ font: 700 21.04px/26px "Roboto Condensed",sans-serif;}
.about_rt ul li{ font: 400 14.63px/18px "Open Sans",sans-serif; padding: 0 0 0 20px;}
.about_left{ margin-top: 0;}

.thought_inner p{ font: italic 400 20.46px/32px "Open Sans",sans-serif;}
.thought_inner p strong.left_coma { left: 11px; top: -34px; width: 35px;}
.thought_inner p strong.rt_coma { bottom: -45px; right: 0px; width: 35px;}
.thought_inner h5 { font: 700 23.48px/26px "Montserrat",sans-serif; padding: 12px 0 0;}
.thought_pg{ padding: 80px 0 0 !important; min-height: 550px;}
.thought_inner p br{ display: none;}

.service_txt{ padding: 15px 0 0 15px; min-height: inherit;}
.service_txt h4{ font: 700 19.04px/24px "Roboto Condensed",sans-serif;}
.service_txt ul li{ font: 400 13.63px/18px "Open Sans",sans-serif;}
.service_txt ul{margin: 6px 0 0;}
.service_box{ margin-top: 25px;}
.service_sec{ padding: 30px 0 50px 0;}


.rokkan-main-logo { min-height: inherit;width: 120px;}
.rokkan-main-logo .toggle { margin: 0; padding: 27px 23px;}
.logo { left: 50%; margin-left: -85px; top: 20px; width: 200px; position: absolute; margin-top: 0px;}
.main-header {  height: 70px;}
.nav-overlay .menu li a { padding: 0 12px;}
.rokkan-main-logo{ height: 70px;}


}

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

.heading_area{ background-size: cover; margin:74px 0 0 0;}
.heading_area h2{ padding:55px 0; font-size: 54px; }
.mid_sec_inner_page { padding: 120px 0;}
.contact_box { width: 90%;}
.contact_box_inner { padding: 45px 0;}
.contact_box_inner h3 { font: 600 38px/46px "Montserrat",sans-serif; padding: 0 0 15px;}
.contact_box_inner p { font: 400 24px/36px "Open Sans",sans-serif; padding: 10px 0;}	
	
.how_page { padding: 60px 0 100px;}	
	
}	


@media only screen and (max-width: 480px){ 
#myCarousel .carousel-caption h2 { font: 24.75px/40px "ufonts_com_serpentinedbold";}
.client_col { padding: 0 7px; width: 50%;}
.menu_content_list li a { font: 14px/26px 'Open Sans', sans-serif; min-height: 120px; padding: 45px 13px;}
.mid_inner h3 { font: 700 33.88px/35px "Montserrat",sans-serif; padding-bottom: 13px;}
.how_page_inner_content p { font: 400 13px/24px "Open Sans",sans-serif;}
.about_rt h5 { font: 700 15.04px/22px "Roboto Condensed",sans-serif;}
.about_rt ul li { font: 400 12.63px/16px "Open Sans",sans-serif;  padding: 0 0 0 20px;}

} 



@media only screen and (max-width: 400px){ 
.nav_sec .navbar-brand img { width: 162px;}
.menu_btn a { padding: 20px 0;}
.menu_btn { width: 60px; z-index: 999;}
.menu_btn a img{ width: 35px;}
.nav_sec.fixed .menu_btn { width: 60px;}
.nav_sec.fixed .menu_btn a { padding: 22px 0;}
.menu_content_list li { width: 50%;}

.heading_area { margin: 61px 0 0;}
.heading_area h2 { font-size: 46px; line-height: 60px; padding: 25px 0;}
.mid_sec_inner_page { padding: 60px 0;}
.contact_box_inner { padding: 25px 0;}
.contact_box_inner h3 { font: 600 28px/34px "Montserrat",sans-serif; padding: 0 0 10px;}
.contact_box_inner p { font: 400 20px/26px "Open Sans",sans-serif; padding: 7px 0;}

.rokkan-main-logo {height: 70px; min-height: inherit;}
.logo { margin-left: -52px; top: 20px; width: 170px;}



}


@media only screen and (max-width: 340px){ 
.menu_content_list li a { font: 14px/26px 'Open Sans', sans-serif; min-height: 96px; padding: 36px 16px;}

}