/* RESPONSIVE CSS
````````````````````````````` */
@media (min-width: 940px) and (max-width: 1280px) {
.left_r_menu {
width:20%
}
.right_r_menu {
width:80%
}
}
 @media (max-width: 979px) {
.top_social li a {
 background: none repeat scroll 0 0 rgba(255, 255, 255, 0.32);
 color: #3498DB;
 display: block;
 font-size: 17px;
 height: 33px;
 margin: 0;
 text-align: center;
 width: 30px;
}
.top_social li {
 margin: 0 1px;
}
/*header4*/
.callus span, .callus .topbar-email a {
font-size:11px
}
}
@media (min-width: 768px) and (max-width: 940px) {
 .left_r_menu {
width:20%
}
 .right_r_menu {
width:80%
}
 .nav-collapse .mj_menu ul.menu li a {
padding:0 7px!important;
font-size:12px
}
 .header4 .nav-collapse .mj_menu ul.menu li a {
padding:0 9px!important;
font-size:14px
}
 .header5 .nav-collapse .mj_menu ul.menu li a {
padding:0!important
}
}
@media (min-width: 768px) and (max-width: 979px) {
/*header5*/
.header5_menu ul.menu > li {
 margin: 0 5px;
 font-size:12px;
 line-height:24px;
}
.sidebar_widget.aidanews2 img {
height:40px;
width:40px;
}
}
@media (max-width: 768px) {
/*header1*/
#breadcrumbs {
 margin-top: -18px;
}
 #home {
 padding-top: 10%;
}

/*header2*/
.top_social_area .span5 {
 text-align: center;
 width: 100%;
}
 .top_menu_bar.h2 #home {
 padding-top: 0%;
}
 .top_menu_bar.h2 .r_menu_area {
 background: none repeat scroll 0 0 #0e6dac;
 margin: 0;
 padding: 2% 5%;
 position: fixed;
 right: 0;
 top: 33px;
 width: 90%;
}
.top_menu_bar.h2 .r_menu_area .left_r_menu .logo_header2 strong, .top_menu_bar.h3 .r_menu_area .left_r_menu .logo_header2 strong {
font-size:28px;
padding: 1px 5px 3px;
line-height:28px
}
.top_menu_bar.h2 .r_menu_area .left_r_menu .logo_header2 span, .top_menu_bar.h3 .r_menu_area .left_r_menu .logo_header2 span {
font-size:28px;
padding: 1px 0 7px;
line-height:28px
}
.top_menu_bar.h2 .r_menu_area .left_r_menu .logo_header2 ._u strong, .top_menu_bar.h3 .r_menu_area .left_r_menu .logo_header2 ._u strong {
 color: #fff;
 font-weight: 300;
}
.top_menu_bar.h2 .r_menu_area .right_r_menu button {
margin: 5px;
}
.top_menu_bar.h2 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse {
 background: url("../images/transparent.png") repeat scroll left top rgba(0, 0, 0, 0);
 width: 100%;
}
.top_menu_bar.h2 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul {
 overflow: hidden;
 position: relative;
}
.top_menu_bar.h2 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li {
 height: auto;
 margin: 0;
 padding: 0;
 text-align: left;
 width: 100%;
 display: list-item;
 list-style: none outside none;
 position: relative;
}
.top_menu_bar.h2 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li a {
 color: #fff!important;
 font-size: 16px;
 line-height: 20px;
 min-width: 200px;
 padding: 10px 20px;
 text-align: left;
 display: block;
}
.top_menu_bar.h2 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li.active a, .top_menu_bar.h2 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li a:hover {
 background: none repeat scroll 0 0 #f9f9f9!important;
 color: #34495e !important;
}
.wrapper.header2 #breadcrumbs, .wrapper.header2 .header {
margin-top:95px
}
.top_menu_bar.h2 .r_menu_area .left_r_menu .logo {
 float: left;
 margin-top: 5px;
}
.top_menu_bar.h2 .nav-collapse .nav > li > a {
font-weight:400
}
/*header3*/
.top_menu_bar.h3 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse {
 background: url("../images/transparent.png") repeat scroll left top rgba(0, 0, 0, 0);
}
.top_menu_bar.h3 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul {
 overflow: hidden;
 position: relative;
}
.top_menu_bar.h3 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li {
 height: auto;
 margin: 0;
 padding: 0;
 text-align: left;
 width: 100%;
 display: list-item;
 list-style: none outside none;
 position: relative;
}
.top_menu_bar.h3 .r_menu_area {
 background: none repeat scroll 0 0 #0e6dac;
 margin: 0;
 padding: 2% 5%;
 right: 0;
 top: 33px;
 width: 90%;
}
.top_menu_bar.h3 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li a {
 color: #fff!important;
 font-size: 16px;
 line-height: 20px;
 min-width: 200px;
 padding: 10px 20px;
 text-align: left;
 display: block;
}
.top_menu_bar.h3 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li.active a, .top_menu_bar.h3 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse div ul li a:hover {
 background: none repeat scroll 0 0 #f9f9f9!important;
 color: #34495e !important;
}
.top_menu_bar.h3 .r_menu_area .left_r_menu .logo {
 float: left;
}
.top_menu_bar.h3 #home {
padding-top:0px;
}
.top_menu_bar.h3 {
 bottom: auto;
 top: 0;
}
.top_menu_bar.h3 .nav-collapse .nav > li > a {
font-weight:400
}
.top_menu_bar.h3 .r_menu_area .right_r_menu button {
 margin: 5px;
}
.wrapper.header3 #breadcrumbs, .wrapper.header3 .header {
margin-top:95px
}
.header3 #sequence .animate-in .caption1, .header3 #sequence .animate-in .caption3 {
 width: 90%;
 padding-left: 5%;
 padding-right: 5%;
 left: 0;
 top: 10%;
}
.header3 #sequence .animate-in .caption2 {
 left: 8%;
 top: 10%;
}
.header3 #sequence .animate-in .slide_img2 {
 top: 15%;
 left: 52%;
 max-width: 40%;
}
/*header 4*/
.header4 #home {
 padding-top: 0%;
}
.header4 #home .span7, .header4 #home .span5 {
width:50%;
float:left;
margin-left:0
}
.header4 .r_menu_area.r_menu_3.visible_pc .center_r_menu {
 float: left;
 width: 40%;
}
.header4 .r_menu_area.r_menu_3.visible_pc .navbar.navbar-inverse.right_r_menu {
 float: right;
 width: 60%;
}
.hed4 .right_r_menu .mj_menu #nav li {
 float: left;
 width: 100%;
 line-height:28px;
}
.top_menu_bar.hed4 .r_menu_area .right_r_menu .nav-collapse.r_nav.in.collapse {
background: url("../images/transparent.png") repeat scroll left top rgba(0, 0, 0, 0);
width: 100%;
}
 .hed4 .right_r_menu .mj_menu #nav li a {
color:#fff!important;
padding:10px!important;
}
.hed4 .right_r_menu .mj_menu #nav li.active, .hed4 .right_r_menu .mj_menu #nav li:hover {
background-color:#fff!important;
}
.hed4 .right_r_menu .mj_menu #nav li.active a, .hed4 .right_r_menu .mj_menu #nav li a:hover {
color:#34495e!important
}
.hed4 .right_r_menu .mj_menu #nav li a {
font-weight:400
}
.top_menu_bar.hed4 .r_menu_area .center_r_menu .logo_header4 strong {
font-size:28px;
padding: 1px 5px 3px;
line-height:28px
}
.top_menu_bar.hed4 .r_menu_area .center_r_menu .logo_header4 span {
font-size:28px;
padding: 1px 0 7px;
line-height:28px
}
.top_menu_bar.hed4 .r_menu_area .center_r_menu .logo_header4 ._u strong {
 color: #fff;
 font-weight: 300;
}
.top_menu_bar.hed4 .right_r_menu button {
margin: 5px;
}
.header4 .r_menu_area.r_menu_3.visible_pc {
padding:0px;
background:#0e6dac
}
.top_menu_bar.hed4 .r_menu_area .center_r_menu .logo_header4 {
text-align:left;
margin-left: 4%;
}
.wrapper.header4 #breadcrumbs, .wrapper.header4 .header {
 margin-top: 80px;
}
/** menu **/
.nav.nav-pills.r3.menu {
 overflow-x: hidden;
 overflow-y: scroll;
 max-height: auto;
}
.header.hed4 #sequence .animate-in .caption1, .header.hed4 #sequence .animate-in .caption3 {
 padding-top: 0;
}
/*header5*/
.header5_menu ul.menu > li {
width:100%;
}
.header5_menu {
background: url("../images/transparent.png") repeat scroll left top rgba(0, 0, 0, 0);
}
.navbar.navbar-inverse.menu5 .header5_menu div ul li.active a, .navbar.navbar-inverse.menu5 .header5_menu div ul li a:hover {
 background: none repeat scroll 0 0 #f9f9f9!important;
 color: #34495e !important;
}
.header5 #breadcrumbs {
 margin-top: 120px;
}
.header5 #home5 .row-fluid.header_inner {
 padding: 2% 5%!important;
 width: 90%!important;
}
.header5 .menu5 button {
 margin: 5px;
}
.header5 .menu5 .mj_menu .menu li {
height:auto;
margin:0
}
.header5 .menu5 .mj_menu .menu li a {
 float: left;
 padding: 10px 20px;
 width: 100%;
}
.header5 .row-fluid.header_inner {
 left: 0;
}
.header5_menu li a {
 color: #fff;
}
}
@media (max-width: 767px) {
#sequence .animate-in .caption2 {
left: 8%;
top: 20%;
}
}
@media (min-width: 600px) and (max-width: 768px) {
 #breadcrumbs.header4 {
margin-top: 125px!important;

}
}
@media (max-width: 685px) {
 #Kunena input {
width:95%;
}
#Kunena input[type="submit"], #Kunena input[type="reset"] {
width:auto
}
#Kunena .kprofilebox .kprofileboxcnt {
min-height: 110px;
}
#Kunena ul.tabs1 li {
 width: 100%;
/*	737373 #3498db*/
}
#Kunena div.kprofile-rightcol1, #Kunena div.kprofile-rightcol2 {
width:100%;
float:left
}
#Kunena ul.menu li {
 border-left: medium none;
 border-right: 1px solid #fff;
 float: left;
 line-height: 49px;
 margin: 0 0 -1px;
 min-height: 49px;
 overflow: hidden;
 padding: 0;
 position: relative;
 background:#737373;
}
#Kunena #ktab ul.menu li a span {
line-height: 48px;
color:#fff!important
}
#Kunena #ktab ul.menu li a:hover {
background:#737373!important;
}
#Kunena #ktab ul.menu li:nth-child(2n+1) a {
background:#737373!important;
}
#Kunena #ktab ul.menu li a:hover, #Kunena #ktab ul.menu li a:hover span {
 background-color:transparent !important;
 color: #fff !important;
}
 #Kunena #ktab ul.menu li.active a {
 background-color: #3498db !important;
}
}
@media (max-width: 600px) {
.header4 #home .span7 {
 text-align: center;
 width:100%
}
.header4 #home .span5 .callus {
 display:none;
}
}
@media (max-width: 480px) {
.component.container .span8 #adminForm .btn-group {
width: 100%;
}
.component.container .span8 #adminForm .btn-group .filter-search-lbl {
width: 35%;
margin-right:5%
}
.component.container .span8 #adminForm .btn-group .inputbox {
width: 60%;
}
 .sidebar_widget.aidanews2 img {
height:40px;
width:40px;
}
#Kunena .krow1 .klink-block span {
 width: 100%;
 float: left
}
.blog_post.blog .blog_postcontent .createdby, .blog_post.blog .blog_postcontent .create, .blog_post.blog .blog_postcontent .createdby, .blog_post.blog .blog_postcontent .create {
width: 100%;
}
}
@media (max-width: 360px) {
.header3 #sequence .animate-in .caption1, .header3 #sequence .animate-in .caption3 {
top: 2%;
}
.header3 #sequence .animate-in .caption2 {
top: 3%;
}
.header3 #sequence .animate-in .slide_img2 {
top: 10%;
left: 52%;
max-width: 40%;
}
.header1 #home {
    padding-top: 14%;
}
}
@media (max-width: 320px) {
.wrapper.header2 #breadcrumbs, .wrapper.header2 .header {
 margin-top: 95px;}
}
/**** boxed layout ****/
@media only screen and (min-width: 1000px) and (max-width: 1169px) {
 .wrapper_boxed {
 width: 1000px;
}
 .wrapper_boxed .top_menu_bar {
 margin: 0 auto;
 width: 1000px;
 left: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
 .wrapper_boxed {
 width: auto;
}
 .wrapper_boxed .top_menu_bar {
 width: 100%;
 left: 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .wrapper_boxed {
 width:auto;
}
 .wrapper_boxed .top_menu_bar {
 width: 100%;
 left: 0;
}
}
@media only screen and (max-width: 479px) {
 .wrapper_boxed {
 width: auto;
}
 .wrapper_boxed .top_menu_bar {
 width: 100%;
 left: 0;
}
}


/*``````````````````````` 	
/*style.css*/
/* RESPONSIVE CSS
````````````````````````````` */
@media (min-width: 940px) {
#parallax1, #parallax2, #parallax3, #parallax4, #parallax5 {
 background-size: cover;
}
}
@media (max-width: 979px) {
h1 {
 font-size: 2.375em;
 margin: 0;
}
h2 {
 color: #2A323A;
 font-size: 2.137em;
}
h3 {
 font-size: 1.425em;
}
h4 {
 font-size: 1.068em;
}
h5 {
 font-size: .831em;
}
p {
 font-family: lato;
 font-size: .95em;
 font-weight: 300;
 margin: 0 0 10px;
 line-height: 1.425em;
}
/*~~~~~~~~~~~~~~ 
Slider Carousel 
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.carousel .item {
 height: 500px;
}
.carousel img {
 width: auto;
}
.carousel-caption h1 {
 font-size: 30px;
}
.carousel-control.right {
 right: 0;
}
.carousel-control.left {
 left: 0;
}
/* ~~~
parallax2
~~~~~~~~~~~~~~~*/
#iphone {
 width: 80%;
}
}
 @media (max-width: 768px) {
#home {
 padding-top: 80px;
}
#home .logo {
 display: none;
}
#primary .logo a {
 font-size: 28px;
 line-height: 28px;
}
#primary .logo ._bg {
 padding: 1px 5px 3px;
}
#primary .logo ._u {
 padding: 1px 0 7px;
}
#primary .logo {
 display: block;
}
#primary {
 top: 0;
 right: 0;
 width: 90%;
 padding: 2% 5%;
 height: 35px;
 margin: 0;
 position: fixed;
 background: #0e6dac;
}
#primary .btn-navbar {
 margin: 5px;
}
#primary li:before {
 display: none;
}
#primary a:before {
 display: none;
}
#primary .nav-collapse {
 background: url(../images/transparent.png) left top repeat;
 width: 100%;
}
#primary ul {
 position: relative;
 overflow: hidden;
}
#primary li {
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
 text-align: left;
}
#primary li a {
 min-width: 200px;
 text-align: left;
 padding: 10px 20px;
 font-size: 16px;
 line-height: 20px;
 color: #fff;
}
#primary li.active a, #primary li a.active, #primary li a:hover {
 background: #f9f9f9;
 color: #34495E !important;
}
#parallax3 ul {
 margin-bottom: 0;
}
.clients_control {
 display: block;
}
/* Portfolio */
.portfolio-grid ul li {
 width: auto !important;
}
.service_hover p, .service_hover a {
 font-size: 13px;
 line-height: 17px;
}
}
@media (max-width: 767px) {
/*~~~~~~~~~~~~~~
 Carosul
~~~~~~~~~~~~~~~*/

.team_skills .span3 {
 float: left;
 width: 46%;
}
.team_skills .span3:nth-child(2n+0) {
 margin-left: 8%;
}
.service_box_wrap .span3 {
 float: left;
 width: 46%;
}
.service_box_wrap .span3:nth-child(2n+0) {
 margin-left: 8%;
}
.service_hover p, .service_hover a {
 font-size: 14px;
 line-height: 22px;
}
.footer_top .content {
 padding: 20px 0;
}
}
@media (max-width: 685px) {
/* portfolio*/
.portfolio-grid ul li.col8 {
 max-width: 100% !important;
}
}
@media (max-width: 600px) {
/* portfolio*/
.portfolio-grid ul li.col8 {
 max-width: 100% !important;
}
}
@media (max-width: 480px) {
/* responsive design section*/	
#responsive_design li:nth-child(1) {
 width: 30%;
}
#responsive_design li:nth-child(2) {
 width: 25%;
}
#responsive_design li:nth-child(3) {
 width: 18%;
}
#responsive_design li:nth-child(4) {
 width: 10%;
}
#responsive_design h2 {
 margin-bottom: 50px;
}
#parallax1, #parallax4 {
 height: auto;
 padding: 100px 0;
}
#parallax1 h2 {
 color: #FFFFFF;
 font-weight: 300;
 line-height: 1.5em;
 padding: 0 30px 30px;
 position: relative;
}
#parallax3, #parallax4 {
 height: auto;
 padding: 100px 0 50px;
}
#parallax3 h1, #parallax4 h1 {
 padding-top: 0;
}
#parallax2 h1 {
 line-height: 32px;
}
#parallax2 p {
 padding-bottom: 10px;
}
.team_skills .span3 {
 float: none;
 width: 100%;
}
.team_skills .span3:nth-child(2n+0) {
 margin-left: 0;
}
.service_box_wrap .span3 {
 float: none;
 width: 100%;
}
.service_box_wrap .span3:nth-child(2n+0) {
 margin-left: 0;
}
#iphone {
 position: relative;
 width: 100%;
}
/* portfolio*/
.portfolio-grid ul li.col8 {
 max-width: 100% !important;
}
/*News*/
.custom_carousel {
 display: none;
}
.social_link {
 min-height: 70px;
}
.soc {
 width: 30px;
}
.copyright {
 font-size: 12px;
 margin-right: 10px;
 text-align: right;
}
/*portfolio*/
.filter li a {
 font-size: 12px;
 padding: 4px 6px 6px 6px;
}
.portfolio-grid ul li {
 max-width: 100%;
 text-align: center;
}
.project_details p {
 display: none;
}
}
@media (max-width: 320px) {
.container {
 padding-left: 10px;
 padding-right: 10px;
}
.responsive_design {
 padding: 70px 0;
}
#responsive_design .content {
 top: 20px
}
#responsive_design li:nth-child(1) {
 width: 50%;
}
#responsive_design li:nth-child(2) {
 width: 40%;
}
#responsive_design li:nth-child(3) {
 width: 40%;
}
#responsive_design li:nth-child(4) {
 width: 20%;
}
#parallax3, #parallax4 {
 height: auto;
 padding: 50px 0;
}
#parallax4 h1 {
 color: #FFFFFF;
 font-size: 38px;
 font-weight: 300;
 line-height: 45px;
}
#parallax5 h1 {
 position: relative;
 font-size: 38px;
 padding-top: 86px;
 font-weight: 300;
 color: #fff;
 line-height: 45px;
 margin-bottom: 50px;
 text-align: left;
}
#parallax5 h3 {
 font-size: 20px;
 color: #fff;
 line-height: 20px;
 margin-bottom: 35px;
}
.portfolio-grid ul li {
 max-width: 100%;
}
.social_link li {
 display: inline-block;
 text-align: center;
 margin: 2px;
}
/*button*/
.btn {
 padding: 5px 8px;
 font-size: 12px;
}
.foot_logo {
 margin-left: -40px;
}
.foot_logo a {
 font-size: 30px;
}
.copyright {
 margin: 0 5px 0 0;
 padding: 0;
}
}
@media (max-width: 240px) {
#home {
 padding-top: 48px;
}
}