@media only screen and (min-width:1200px) {
	.navbar-header {

	width:100%;
}
.navbar-nav {
    float: left;
    margin: 50px 12px 0 0;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;	
}
.sticky-menu .navbar-nav {
    margin-top: 13px;
}
.sticky-menu .logo-holder {
    margin: -12px 0 -5px 0;
}
.logo-holder {
    margin: 0;
}
.shortinfo-slide .container {
    height: 650px;
}
}
@media only screen and (max-width:1370px) {
	.navbar-nav li a {
    font-size: 16px;
    padding: 0 7px;
}
    .losocial-video {
    width: 80%;
}
    .shortinfo-slide {
    padding-top: 165px;
}
    .shortinfo-slide .container {
    height: 485px;
}
}
/* Desktop Layout */
@media only screen and (max-width:1199px) {
.services .col-md-4 {
	max-height: 360px;
	min-height: 360px
}
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    height: 62px;		
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        /*float: none;*/
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
.custom-menu .navbar-toggle {
    padding: 15px 12px;
    margin: 0 5px;
    border: 1px solid #ffffff;	
}
.custom-menu .navbar-toggle .icon-bar {
    background: #fff;
}
.sticky-menu .navbar {
    margin: 0;
    padding: 0;
}
.sticky-menu .col-md-9 {
	margin-left: 0;
}
.top-header.navbar-fixed-top.sticky-menu .custom-menu .navbar-toggle .icon-bar {
    background: #000 !important; 
}
.top-header.navbar-fixed-top.sticky-menu .custom-menu .navbar-toggle {
    border: 1px solid #000 !important;
}
.navbar-fixed-bottom .navbar-collapse, .custom-menu .navbar-fixed-top .navbar-collapse {
	background: #555;
}
.custom-menu .navbar {
	min-height: 0px;
	text-align: center;
}
.custom-menu .navbar-toggle {

	display: inline;
	float: none;
}
.custom-menu .icon-text-bar {
	color: #fff;
	text-align: right !important;
	float: right;
	text-transform: uppercase;
}
.custom-menu .navbar-header {
	background: transparent;
}

.sticky-menu .col-md-3 {
	display: none;
}
.sticky-menu .navbar {
	margin: 0;
	padding: 0;
}
.top-header .col-md-9 {
	padding: 0;
}
.custom-menu .navbar-toggle {
    padding: 15px 12px;
    margin: 0 5px 0 12px;
    border: 2px solid #ffffff;
}
.custom-menu .nav > li > a {
	text-align: center;
}
.custom-menu .navbar-fixed-bottom .navbar-collapse, .custom-menu .navbar-fixed-top .navbar-collapse {
	background: #333;
}
.custom-menu .navbar-nav li a {
    padding: 22px 15px 16px !important;
}
.custom-menu .navbar-nav {
    margin: 8px 0 0 0;
}
.custom-menu .navbar-nav li {
	float: none;
	display: inline;
}
.navbar-header {
    float: left;
    width: 100%;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: 420px;
}
.top-header .navbar-collapse {
	background: #333;
	    clear: both;
}
.logo-holder img {
    width: 190px;
    margin: -4px 0 -2px -5px;
}
.navbar-fixed-top.sticky-menu .logo-holder img {
    width: 190px;
    margin: -4px 0 -2px -5px;
}
li button.btn.btn-warning.btn-lg {
    margin-right: 2px;
}
ul.nav.navbar-nav.navbar-right.custom-nav li {
    display: inline;
    width: 25%;
    float: left;
}
.img-packaging-right {
    margin-top: -168px;
    width: 175px;
    margin-left: 15px;
}
.img-packaging-left {
    margin-top: -168px;
    width: 175px;
    margin-right: 15px;
}
.person-introduction p {
    font-size: 22px;
    line-height: 34px;
}
.person-introduction {
    padding: 40px 0 20px;
}
img.dots-image1, img.dots-image2, img.dots-image3, img.dots-image4, img.dots-image5, img.dots-image6  {
    width: 100%;
	left:0;
	right:0;
}
.shortinfo-slide {
    text-align: center;
    /* top: 21%; */
    position: relative;
    padding-top: 110px;
}
header {
	padding-bottom: 110px;
}
.shortinfo-slide .container {
    height: 425px;
}
.banner-title h1 {
    font-size: 46px;
    font-weight: 400;
}
}


/* Tablet Layout */
@media only screen and (max-width:991px) {
.logo-holder {
	text-align: center
}
.nav {
	margin: 0
}
ul.nav.navbar-nav.navbar-right.custom-nav li {
    display: inline;
    width: 100%;
    float: left;
}
.sticky-menu .navbar-nav li a {
	font-size: 17px;
}
.services .col-md-4 {
	border: 1px solid #e2e2e2 !important
}
.sticky-menu .col-md-9 {
	margin-left: -11px;
}
.img-packaging-left {
    width: 130px;
}
.img-packaging-right {
    width: 130px;
}
.title {
    padding-bottom: 25px;
}
.dots-left, .dots-right {
    height: 315px;
}

.person-introduction p {
    font-size: 18px;
    line-height: 33px;
}

.pricing-table .title {
    color: #ecf0f1;
    font-size: 26px;
    font-weight: bold;
    padding: 12px 0;
    text-align: center;
}
span.txt-member {
    font-size: 24px;
    padding: 12px 0;
    display: block;
    color: #4c4c4c;
    line-height: 32px;
}
.footer-main {
    min-height: 120px;
    height: 256px;
}
.footer-back {
    background-repeat: no-repeat;
    background-position: 134% -86px;
    background-size: 521px 286px;
    min-height: 0;
    padding: 10px 15px 0 15px;
}
.col-footer {
    padding-top: 6px;
    min-height: 0;	
}
.footer-main h4 {
    text-align: left;
	padding-bottom: 0px;
    font-size: 20px;
    min-height: 0;		
}
.pricing-table .price strong {
    font-size: 98px;
    line-height: 110px;
    display: inline-block;
    font-weight: 100;
    color: #2b2b2b;
}
.only-mobile {
display:none;	
}
.hidden-desktop {
    display: none;
}
.shortinfo-slide .container {
    height: 325px;
}
.title.title-medium h2 {
    font-size: 34px;
    line-height: 40px;
    float: none;
    margin-top: 0;
    text-transform: none;
    text-align: center;
    padding: 20px 0;
}
.mfp-container {
    width: 100%;
    height: 20%;
}
}

/* Mobile Layout */
@media only screen and (max-width:767px) {

.person-introduction {
	text-align: center;	
    padding: 40px 0 20px;
}
.services .col-md-4 {
	max-height: 100%;
	min-height: 100%;
	padding-top: 40px;
	padding-bottom: 35px
}
.work-controls ul li {
	padding: 10px;
	font-size: 15px;
}
.contact-form .form .col-xs-12 {
	margin: 5px 0
}
.contact-form .form .form-group {
	margin-bottom: 0
}
.only-mobile {
    display: block;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
}
video {
   width:100%;
   height:auto; 
}
img.dots-image1, img.dots-image2, img.dots-image3, img.dots-image4, img.dots-image5, img.dots-image6  {
position:static;
}
.hidden-desktop{
display:block;	
}
.hidden-desktop img{
display:block;	
max-width:530px;
margin: 0 auto;
}
.person-introduction h2 {
    font-size: 34px;
    line-height: 42px;
}
.title.title-black h2 {
    font-size: 40px;
}
p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.title.title-white {
    font-size: 46px;
}
.title.title-medium h2 {
    font-size: 32px;
    line-height: 38px;
}
p.text-right.text-phone {
    text-align: center;
}

img.img-responsive.hidden-desktop {
    margin: 10px auto;
}
.losocial-video {
    opacity: 1;
    width: 100%;
    height: auto;
}
.losocial-video.main-nav-scrolled.main-nav-scrolled2 {
    opacity: 1;
    position: static;
        opacity: 1;
    width: 100%;
    height: auto;
}
.losocial-video.main-nav-scrolled {
    opacity: 1;
    position: static;
        opacity: 1;
    width: 100%;
    height: auto;
}
.shortinfo-slide .container {
    min-height:250px;
    height: auto;
}
.banner-title h1 {
    font-size: 40px;
    font-weight: 400;
}
}

@media only screen and (max-width:567px) {
.btn-account {
    display: none;
}
ul.nav.navbar-nav.navbar-right.custom-nav li {
    display: block;
    width: 100%;
    float: none;
}
.footer-back {
    background-image: none;

}
.person-introduction.xs-no-padding{
    padding: 20px 0 40px !important;

}
.video-parallax .container {
    top: 31%;
}
p.light-txt.m-bot-30.inline-block {
    display: none;
}
}
/* Small Mobile Layout */
@media only screen and (max-width:480px) {
.shortinfo-slide {
	top: 0px;
}
.shortinfo-slide h1 {
	line-height: 50px;
}
.shortinfo-slide h1 a {
	font-size: 40px;
}
header {
	/*padding-bottom: 0px;*/
}
.work-controls ul li {
	display: block;
	font-size: 17px;
}
button.btn.btn-warning.btn-xlg {
    font-size: 24px;
    padding: 20px 24px;
    margin: 24px auto;
    display: block;
}
.title.title-medium h2 {
    font-size: 24px;
    line-height: 40px;
    float: none;
    margin-top: 0;
    text-transform: none;
    text-align: center;
    padding: 20px 0;
}
.person-introduction {
    text-align: center;
    padding: 30px 0 30px;
}

.title.title-black h2 {
    font-size: 34px;
}
.title.title-white {
    font-size: 34px;
}
.section-dark.section-before-footer {
    padding: 4px 0 20px;
}
.client-testimonials {
    padding: 10px 0 30px;
}
}

/* XtaSmall Mobile Layout */
@media only screen and (max-width:400px) {
.person-introduction h2 {
    font-size: 24px;
    line-height: 28px;
}
}
/* XtaXtaSmall Mobile Layout */
@media only screen and (max-width:370px) {
.btn-group-lg>.btn, .btn-lg {
    padding: 10px 4px;
}
}