/* ----------------------------------

Name:responsive.css
Version:1.0.0

---------------------------------- */

@media (max-width:1580px) {
	.popup-slide .title {
		padding-bottom: 25px;
	}

	.popup-line {
		margin: 15px 0;
	}
}

@media (max-width:1557px) {
	.mCSB_container {
		height: auto !important;
	}

	.popup-slide figure {
	}

	.popup-navigation span.nav-close {
		right: 20px;
	}

	.portfolio-figure .title {
		margin-bottom: 3px;
		line-height: 24px;
		font-size: 20px;
	}

	.grid figcaption span {
		font-size: 16px;
	}

	.cs-style-3 figcaption {
		height: 85px;
		padding: 18px;
	}

	.cs-style-3 figcaption a {
		bottom: 10px;
		right: 8px;
	}
}

@media (max-width:1199px) {
	.fetaure-details .title {
		width: 100%;
	}

	.popup-slide .title {
		font-size: 42px;
		padding-bottom: 16px;
		line-height: 44px;
	}

	.popup-line {
		margin: 10px 0;
	}

	.popup-slide .category {
		font-size: 24px;
		line-height: inherit;
	}

	.right-part p {
		line-height: 22px;
	}

	.popup-navigation span.nav-prev, 
    .popup-navigation span.nav-next {
		font-size: 29px;
	}

    /* Only Blog Page */
	.sidebar-block .title, 
    #comments .title, 
    .recent-comments .title {
		font-size: 18px;
	}

	.blog-page .blog-day {
		width: 80px;
		height: 80px;
		font-size: 40px;
	}

	.blog-page .blog-day span {
		top: 27px;
	}

	.blog-page .post-preview .blog-title {
		margin-bottom: 0;
		line-height: 26px;
	}

	.blog-details .post-preview .blog-title {
		margin-bottom: 0;
		line-height: 26px;
	}

	.recent_posts_content a {
		font-size: 12px;
		line-height: 16px;
	}

	.comments li {
		font-size: 13px;
	}

	.team-details:hover .our-team {
		padding-top: 15px;
	}
	
	.teamZoomIcon{
	    width: 36px;
	    height: 36px;
	    background-image: url(../images/vote_item_zoom_s.png);
	}
	
	.voteBus{ display:none;}
	.voteGift{right:-50px;}
	
	.leftMenu{ 
        position: inherit; 
	    left:0; top:0;
	    height:auto;
		margin:0 auto;
		display:table;
	}
	.leftMenu li{
		float:left;
		margin:0 5px 25px 5px;
		}
}

@media (max-width:1024px) {
	header .intro-section {
		padding-top: 40%;
	}

	.home-slider h1 {
		font-size: 45px;
	}
}

@media (max-width:991px) {
	.phoneNum{ display:none;}
	.fbButton{ margin:6px 0 6px 15px;}
	.team-details .box{ margin-bottom:0px;}
	.iconList{ max-width:640px;}
	
	.footer-social br{ display:block;}
	
	.teamZoomIcon{
	    width: 58px;
	    height: 58px;
	    background-image: url(../images/vote_item_zoom.png);
	}
	
	.voteGift{ 
	    position:inherit; 
		right:0; top:0;
		width:152px; 
		margin:0 auto;
		padding:0 0 30px 0;
		}
		
	.leftMenu{ 
        position: inherit; 
	    left:0; top:0;
	    height:auto;
		margin:0 auto;
		display:table;
	}
	.leftMenu li{
		float:left;
		margin:0 5px 25px 5px;
		}
	
	.simple-text {
		height: 119px !important;
		line-height: 22px !important;
		padding-top: 1%;
	}

	.simple-text p {
		font-size: 14px;
		line-height: 20px;
	}

	.title-text {
        /*height:119px !important; */
		/*padding-top: 2%;*/
		/*margin-bottom:30px;*/
		margin-bottom:0px;
	}

	.feature-contant {
		margin-top: 5% !important;
		margin-bottom: 2% !important;
	}

	.feature-contant .col-md-6 {
		margin-bottom: 4%;
	}

	.count-box {
		margin-bottom: 5%;
		margin-left: 6%;
	}

	.team-details {
		margin-bottom: 4%;
	}

	p.light {
		margin: 9% 0 2% !important;
	}

	p.big {
		margin-bottom: 9%;
	}

	.conter-box .col-md-3 {
		margin-bottom: 4%;
		margin-left: 6%;
		margin-top: 4%;
	}
	
	.info .col-md-3 {
		margin-bottom: 4%;
		margin-left: 6%;
		margin-top: 4%;
	}

	.conter-box .last {
		margin-bottom: 0 !important;
	}
	
	.info .last {
		margin-bottom: 0 !important;
	}

	.form-control {
		max-width: 100% !important;
	}

	.counterBoxNumber {
		font-size: 70px;
	}

	.portfolio-figure .title {
		font-size: 16px;
	}

	.fetaure-details .title {
		font-size: 20px;
	}

	.team-details:hover .our-team {
		padding-top: 16%;
	}

	h2.title {
		font-size: 65px;
		padding-bottom: 10px;
	}

	h1.title {
		font-size: 45px;
		margin: 0 auto;
	}

	.contact-text {
		width: 75%;
	}

	.grid figcaption span {
		font-size: 14px;
	}

	.blog-day {
		font-size: 40px;
		height: 74px;
		width: 74px;
	}

	.blog-day span {
		top: 24px;
	}

	.blog-content:hover .blog-day span {
		top: 22px;
	}

	.team-details {
		width: 50%;
		float: left;
	}

	.width {
		width: 100%;
		font-size: 24px;
		line-height: 30px;
	}

	.carousel-caption p {
		font-size: 22px;
	}

	.blog-content-out .content {
		line-height: 22px;
	}

	#testimonial .title {
		margin-bottom: 10px;
	}

	.carousel-caption span {
		margin-bottom: 35px;
	}

	.popup-slider {
		float: none;
		position: inherit;
		width: 100%;
	}

	.popup-slide .right-part {
		width: 100%;
	}

	.popup-navigation span.nav-next {
		left: 93%;
	}

	.popup-navigation span.nav-prev {
		right: 93%;
	}

	.chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span {
		font-size: 40px;
	}

    /* Stickey Nav */
	.nav > li > a {
		margin: 10px 10px 10px;
	}

	.nav > li.last > a {
		margin: 10px 0 10px 10px;
	}

    /* Only Blog Page */
	.blog-page .blog-day {
		width: 65px;
		height: 65px;
		font-size: 32px;
	}

	.blog-page .blog-day span {
		top: 20px;
	}

	.blog-page .content {
		font-size: 12px;
	}

	.listing_meta span:before {
		padding: 0 4px 0 2px;
	}

	.blog-page .post-preview .blog-title {
		margin-bottom: 0px;
		line-height: 20px;
	}

	.sidebar-block .title, 
    #comments .title, 
    .recent-comments .title {
		font-size: 14px;
	}

	.month {
		font-size: 12px;
	}

	.blog-details .col-md-offset-2 {
		margin-left: 20%;
	}

	.blog-page span.name {
		float: left;
		margin-top: 5px;
	}

	.blog-page span.date.light-gray {
		float: left;
	}

	figure.ipad-scroll {
		overflow-y: scroll;
	}
	.youTube{
	    max-width:720px;
	    height:412px;
	}
}

@media (max-width:792px) {
	.portfolio-item {
		width: 24.95%;
	}
}

@media (max-width:770px) {
	.contact .row:last-child {
		padding: 0 15px;
	}
	.winner .row:last-child {
		padding: 0 15px;
	}
}

@media (max-width:772px) {
	.portfolio-item {
		width: 24.94%;
	}

	h3.title {
		font-size: 16px;
	}

	.grid figcaption span {
		font-size: 12px;
	}

	.blog-page h3.title {
		font-size: 30px;
	}
}

@media (max-width:768px) {
	
	.youTube{
	    max-width:580px;
	    height:333px;
	}
	.highlight {
		font-size: 65px;
	}

	.portfolio-item {
		max-width: 50%;
		width: 49.94%;
	}

	.portfolio-figure figcaption {
		padding: 10px;
		height: 70px;
	}

	.portfolio-figure figcaption i {
		font-size: 50px;
	}

	.cs-style-3 figcaption a {
		bottom: 8px;
		right: 10px;
	}

	.carousel-caption span {
		margin-bottom: 10%;
	}

	.fetaure-details .content {
		width: 83%;
	}

	.margin-top {
		margin-top: 4% !important;
	}

	.title-text {
		/*height: 180px !important;*/
		margin-bottom:30px;
	}

	.simple-text {
		padding-left: 17px;
		height: 180px !important;
	}

	.carousel-inner .container {
		margin: 0;
		width: 100%;
	}

	.count-box:nth-child(3), 
    .count-box:nth-child(4), 
    .conter-box .col-md-3:nth-child(3),
	.info .col-md-3:nth-child(3),
	 {
		margin-bottom: 0;
	}

	.conter-box .col-md-3:nth-child(1), 
    .conter-box .col-md-3:nth-child(2) {
		margin-top: 0;
	}
	
	.info .col-md-3:nth-child(1), 
    .info .col-md-3:nth-child(2) {
		margin-top: 0;
	}

	.head {
		margin-bottom: 35px;
	}

	.carousel-caption {
		width: 77%;
	}

	.feature-content {
		margin-top: 60px;
	}

	#about .service-box {
		width: 50%;
		border-bottom: 1px solid #e5e5e5;
	}

	#about .service-box:nth-child(2) {
		border-right: 0;
	}

	.count-box .title {
		line-height: 26px;
		font-size: 20px;
	}

	.left-part {
		padding: 0 10px 0 0;
	}

	.counterBox .orange-line {
		margin: 5px auto 9px;
	}

	.form-group {
		margin-bottom: 0;
	}

	.form-group button {
		margin-bottom: 0;
	}

	#blog-list {
		padding-top: 90px;
	}

	#blog-details {
		padding-top: 90px;
	}

	.blog-page .blog-content {
		margin: 30px 0;
	}

	.comments-main {
		float: left;
		padding: 0 15px;
	}

	.comments-details:last-child {
		padding-bottom: 0;
	}

	.blog-page .white-line {
		margin: 25px auto 13px;
	}

	.dishes-main-text p {
		line-height: 22px;
	}

	.carousel-inner .margin-top {
		margin-top: 0 !important;
	}
	
	.leftMenu{
		display:table;
		width:356px;
		margin:0 auto 25px auto;
	}
	.leftMenu li{ margin: 5px;}
	
	.iconList{ max-width:480px;}
	.mobileLogo{ display: block;}
    .webLogo{ display: none;}
	
	.our-team { display:none;}
}

@media (max-width:767px) {
	section .border-right {
		border-right: none;
	}

	.simple-text {
		width: auto !important;
	}

	.service-box {
		border-bottom: 1px solid #e5e5e5;
	}

	#about .service-box {
		width: 100%;
	}
    /* Typography */
	.intro-bg {
		display: none;
	}

	h1.title {
		font-size: 42px;
		margin-bottom: 2%;
	}

	h2.title {
		font-size: 70px;
		padding-bottom: 0;
	}

	.big {
		font-size: 32px;
		margin-bottom: 5%;
	}

	span.highlight {
		background-color: transparent;
		font-size: 54px;
		padding: 0;
	}

	.home-slider h1 {
		font-size: 50px;
		padding: 19px 25px;
	}

	.home-slider span {
		font-size: 20px;
		padding: 10px 0 25px;
	}

	.simple-text {
		height: auto !important;
		padding: 0 0 2% 0;
	}

	.contact-text {
		width: 100%;
	}

	.count-box:nth-child(3) {
		margin-bottom: 6%;
	}

	.count-box:nth-child(4) {
		margin-bottom: 6%;
	}

	.carousel-caption p {
		font-size: 18px;
		line-height: 22px;
	}

	.work-count-box .title-top {
		font-size: 35px;
		display: inline-block;
		margin: 0 auto;
		line-height: 36px;
	}

	span.title {
		font-size: 25px;
		margin: 0 auto;
	}

	header .intro-section .intro, 
    .intro {
		font-size: 35px;
		line-height: 45px;
	}

	.head .text-left {
		text-align: center;
	}

	ul.icon-list .text-left {
		text-align: center;
	}

	.description {
		text-align: center;
		vertical-align: inherit;
		display: inline-block;
	}

	.title-text {
		/*height: 85px !important;*/
		padding-left: 0;
		padding-right: 0;
		margin-bottom:30px;
	}

	.lead {
		font-size: 26px;
	}

	.work-count-box .content-white {
		margin: 0 auto;
		text-align: center;
	}

	.carousel-caption {
		width: 100%;
	}

	.left-part {
		text-align: center;
	}

    /* Sticky Nav */
	.navbar-collapse {
		margin-top: 20px;
	}

	.collapse-navation {
		float: left;
		width: 100%;
	}

	nav {
		padding-top: 20px;
	}

	.nav > li {
		border-bottom: 1px solid #e5e5e5;
	}

	.nav > li > a {
		margin: 2px 0;
	}

	.nav > li.last {
		border-bottom: none
	}

	.nav > li.last > a {
		margin: 2px 0
	}

	.navbar-inverse .navbar-nav > li.current > a, 
    .navbar-inverse .navbar-nav > li > a:hover {
		transition: none;
		padding: 10px 0 8px;
		margin: 2px auto 2px;
	}

	.navbar-inverse .navbar-nav > li.current > a {
		border-bottom: 2px solid #FFF
	}

	.navbar-inverse .navbar-nav > li > a {
		transition: none;
		padding: 10px 0 10px;
	}

	.sticky-nav .navbar-toggle {
		background-color: #FFF;
		margin: 0 0
	}
	.sticky-nav .navbar-toggle:hover {
		background-color: #000
	}

	.sticky-nav .navbar-toggle .icon-bar {
		background-color: #000
	}

	.sticky-nav .navbar-toggle:hover .icon-bar {
		background-color: #fff
	}

	.shrink-nav .navbar-toggle {
		background-color: #000;
		margin-top: 0px
	}

	.shrink-nav .navbar-toggle .icon-bar {
		background-color: #fff
	}

	.sticky-nav .container {
		padding-left: 0;
	}

	.sticky-nav {
		background: rgba(255, 255, 255, 1);
	}

	.nav-transparent .logo-dark {
		display: block;
	    margin-top:-7px;
	}

	.sticky-nav .logo-light {
		display: none
	}

	.shrink-nav.nav-dark, 
    .shrink-nav.nav-transparent {
		min-height: 70px
	}

	.sticky-nav .navbar-nav > li > a {
		color: #000
	}

	.sticky-nav .navbar-nav > li > a:hover {
		color: #000;
		border-bottom: 2px solid #FFF
	}

	.navbar-default .navbar-nav > li > a {
		text-align: left
	}

	.sticky-nav .col-md-3 {
		padding: 0
	}

	.shrink-nav .navbar-nav > li > a {
		margin-top: 2px;
	}

    /* Section */
	section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#testimonial .color-overlay, 
    #conter-box .color-overlay {
		padding: 30px 0;
	}
	
	#info .color-overlay {
		padding: 30px 0;
	}

	#contact {
		padding: 0 0 30px;
	}
	
	#winner {
		padding: 0 0 30px;
	}

	footer .color-overlay {
		padding-top: 30px;
	}

	#team {
		padding: 120px 0 90px 0;
	}
	
	#vote {
		padding: 120px 0 90px 0;
	}

	.work-count {
		padding-top: 30px;
	}

	canvas {
		width: 30%;
	}

	.contact-info {
		padding: 2px 0px;
	}

	.container {
		margin: 0 15px;
	}

	.left-part {
		padding: 0;
	}

    /* Other Styles */
	.portfolio-item {
		max-width: 100%;
	}

	.client-logos {
		padding: 0 0;
	}

	.client-logos .color-overlay {
		padding: 5% 0 6%;
	}

	.orange-line {
		margin: 8px auto;
	}

	.service-box {
		padding: 5% 0;
	}

	.width {
		width: 93%;
		margin-top: 3.5%;
	}

	.isotope-filters {
		margin: 5%;
		padding: 30px 0 0;
	}

	.counterBoxNumber {
		font-size: 60px;
	}

	.conter-box .col-md-3 {
		margin: 50px 0 0;
	}
	
	.info .col-md-3 {
		margin: 50px 0 0;
	}

	.buttons .small-button {
		margin: 4% 0 0;
	}

	.form-group {
		margin-bottom: 0;
	}

	.form-group button {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.contact-info {
		margin-top: 4%;
	}

	.head {
		margin-bottom: 4%;
	}

	.contact-title {
		margin: 0 auto 5px;
	}

	.divider {
		width: 100%;
	}

	.black-line-top {
		margin: 15px auto 2px;
	}

	.black-line-bottom {
		margin: 2px auto 12px;
	}

	.work-count-box {
		margin-bottom: 2%;
		text-align: center;
	}

	.btn-primary {
		margin: 0 auto;
	}

	.blog-day {
		font-size: 32px;
		height: 64px;
		width: 64px;
		top: 50%;
		left: 2%;
	}

	#blog-details {
		padding-top: 30px
	}

	.blog-day span {
		top: 20px;
	}

	.blog-content:hover .blog-day span {
		top: 17px;
	}

	.grid li {
		width: 100%;
	}

	.divider {
		width: 100%;
	}

	.count-box {
		margin-left: 0;
	}

	.clients-slider li {
		width: 27%;
		margin-top: 3%;
		margin-bottom: 3%;
		display: inline-block;
	}

	.feature {
		margin: 0 auto;
	}

	.icon-container {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.fetaure-details .title {
		width: auto;
	}

	.fetaure-details .title, 
    .fetaure-details .content {
		float: none;
		text-align: center;
	}

	.carousel-indicators li {
		height: 15px;
		width: 15px;
		margin: 0 3px;
	}

	.carousel-indicators .active {
		height: 15px;
		width: 15px;
		margin: 0 3px;
	}

	ul.slides {
		margin-bottom: 0;
	}

	.preview_meta {
		line-height: 18px;
	}

	.dropdown-menu {
		min-width: 100%;
		text-align: center;
	}

	.feature-content {
		margin-top: 22px;
		margin-bottom: 22px;
	}

	.popup-slide .title {
		font-size: 36px;
		padding-bottom: 10px;
	}

	.popup-slide .category {
		font-size: 22px;
	}

	.icon-list {
		margin-bottom: 15px;
	}

	.contact .row:last-child {
		padding: 11px 0 0 0;
	}
	
	.winner .row:last-child {
		padding: 11px 0 0 0;
	}

	.work-count-box:last-child .small-button {
		margin-bottom: 0;
	}

	.count-box:last-child {
		margin-bottom: 0 !important;
	}

    /* Only Blog Page */
	#blog-list {
		padding-top: 30px;
	}

	.blog-details .blog-content .col-md-offset-2 {
		margin-left: 15%;
	}

	.blog-page .content {
		width: 57%;
	}

	.blog-details .col-md-offset-2 {
		margin-left: 15%;
	}

	.media .content {
		width: 82%;
	}

	#pp_full_res img {
		width: 100% !important;
		height: 100% !important;
	}

	.pp_arrow_next, 
    .pp_arrow_previous, 
    .pp_close {
		display: none;
	}

	.blog-left {
		margin: 0;
		padding: 0;
	}

	.blog-page .blog-content {
		margin: 15px 0 0 0;
	}

	.post-preview {
		margin: 30px 0;
	}

	.blog-share {
		margin: 10px 0 15px;
	}

	.blog-right {
		padding: 0;
	}

	.pagination {
		padding: 45px 0 0 0;
	}

	.sidebar-block {
		margin-bottom: 30px;
	}

	.blog-page .padding-left {
		padding-left: 0;
	}

	.blog-page span.name {
		float: none;
	}

	.blog-page span.date.light-gray {
		float: none;
	}

	.comments-details .small-button {
		margin-bottom: 15px;
	}

	.blog-details .blogpost_share {
		margin-bottom: 30px;
		padding: 30px 0;
	}

	.comments-details {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.col-md-12.col-sm-12.left, 
    .comments-main, 
    .recent-comments {
		padding: 0;
	}
}

@media (max-width:600px) {
	
	.youTube{
	    max-width:480px;
	    height:277px;
	}
	.leftMenu { width:336px;}
	.leftMenu li{ margin: 5px 0;}
	
	.infoContentBg{ padding:20px 20px; }
	.textBox .con{ width:93%;}
	.infoLeftPic { display:none;}
	.infoRightPic { display:none;}
	.winnerText02 br { display:none;}
	.winner .container{ margin-top:30; margin-bottom:30px;}
	.winner .container{ margin:30px 0;}
	
	.cd-popup-trigger{ display:table; width:178px; float:none; margin:15px auto;}
    .voteFbBtn{ display:table; width: 178px; float:none; margin:15px auto; clear:both;}
	
	.iconList{ max-width:320px;}
	
	section {
		padding: 30px 0;
	}

	#team {
		padding-top: 120px;
	}
	
	#vote {
		padding-top: 120px;
	}
	
	h2.title {
		font-size: 50px;
	}

	h5.title {
		font-size: 20px;
	}

	.lead {
		font-size: 22px;
		line-height: 28px;
	}

	span.highlight {
		font-size: 38px;
		line-height: 38px;
	}

	header .intro-section .intro, 
    .intro {
		font-size: 24px;
		line-height: 35px;
	}

	.blog-header span.highlight {
		font-size: 30px;
		font-weight: 400;
		background-color: transparent;
		color: #fff;
		padding: 12px 34px
	}

	.blog-header .intro-section .intro {
		line-height: 30px
	}

	.blog-video {
		min-height: 0;
	}

	.blog-header .intro-section {
		padding: 20% 0 0;
	}

	.intro {
		font-size: 21px;
		line-height: 26px;
	}

	.description {
		line-height: 18px;
		font-size: 16px;
	}

	.isotope-filters li a {
		font-size: 14px !important;
	}

	.title-text {
		/*height: auto !important;*/
		margin-bottom: 30px;
	}

	.label {
		font-size: 16px;
	}

	.blog-content-out .content {
		line-height: 20px;
	}

	.blog-content .blog-title {
		margin-bottom: 10px;
	}

	.blog-content .blog-title .title {
		margin-bottom: 2px;
		line-height: 20px;
	}

	.blog-page h3.title {
		font-size: 20px;
	}

	.chart span {
		font-size: 24px;
		top: 40%;
	}

	.blog h5.title {
		margin-top: 0;
	}

	.frameOverlay {
		padding-bottom: 8px;
	}

	.frameOverlay .contant {
		line-height: 22px;
	}

	.popup-slide .title {
		font-size: 30px;
		line-height: 32px;
	}

	.popup-slide .category {
		font-size: 20px;
	}

	.chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span {
		font-size: 30px;
	}

    /* Only Blog Page */
	.blog-page .blog-day {
		width: 55px;
		height: 55px;
		font-size: 24px;
	}

	.blog-page .blog-day span {
		top: 15px;
	}

	article .contentarea {
		font-size: 13px;
	}

	.media .content {
		width: 78%;
	}

	.pagerblock li a {
		width: 40px;
		height: 40px;
		line-height: 38px;
	}

	.pagerblock li {
		margin: 0 4px
	}

	.blogpost_share {
		float: right;
	}

	.post-preview {
		margin: 0
	}

	.blog-details-title {
		font-size: 35px;
		line-height: 40px
	}

	.blog-details-header .intro-section {
		padding: 35% 0 15%
	}

	.blog-page .blog-content .padding-left, 
    .blog-page .blog-content .padding-right {
		padding: 0
	}

	.blog-details .blogpost_share ul li {
		margin: 0 12px
	}

	h6 {
		line-height: 23px
	}

	.comments-details .col-md-3 {
		margin-bottom: 10px;
	}

	.team-details:hover .our-team {
		padding-top: 12%;
	}
	
	.teamZoomIcon{
	    width: 36px;
	    height: 36px;
	    background-image: url(../images/vote_item_zoom_s.png);
	}

	.blog-share {
		margin: 0 0 30px;
	}

	.blog-page .blog-content h6 {
		font-size: 16px;
	}

	.recent-comments .title {
		margin-bottom: 23px;
	}
}

@media (max-width:523px) {
	.fetaure-details {
		display: table;
		width: 100%;
	}

	.icon-container {
		margin: 0 auto;
		float: none;
	}

	.fetaure-details .title, 
    .fetaure-details .content {
		float: none;
		width: 100%;
		text-align: center;
	}

	.team-details:hover .our-team {
		padding-top: 10px;
	}

	.popup-navigation span.nav-prev {
		right: 90%;
		padding: 2px 12px 3px 9px;
	}

	.popup-navigation span.nav-next {
		left: 90%;
		padding: 2px 9px 3px 12px;
	}

    /* Only Blog Page */
	.media .content {
		width: 75%;
	}
}

@media (max-width:480px) {
	
	.youTube{
	    max-width:320px;
	    height:187px;
	}
	
	h1.title {
		font-size: 32px;
		line-height: 28px;
		margin: 3px 0 0;
	}

	h2.title {
		font-size: 42px;
		vertical-align: top;
		display: inline-block;
		line-height: 42px;
		margin-top: 20px;
	}

	h4.title {
		font-size: 20px;
	}

	h5.title {
		font-size: 16px;
		margin-bottom: 2px;
	}

	.count p {
		font-size: 14px;
		line-height: 18px;
	}

	.fetaure-details .title {
		font-size: 18px;
	}

	.scrollToTop {
		display: none !important;
		opacity: 0 !important;
	}

	.isotope-filters li {
		width: 100%;
		margin-bottom: 4px;
	}

	.isotope-filters li a {
		width: 100%;
		display: block;
		border-bottom: 1px solid #b6b6b6;
		padding: 2px 0 4px 0;
	}

	.isotope-filters li a:hover, 
    .isotope-filters li a:focus, 
    .isotope-filters li a:active {
		border-bottom: 1px solid #000;
	}

	.footer-social li i {
		font-size: 18px;
	}

	.loader {
		left: 35.5%;
	}

	.blog-day {
		font-size: 26px;
		height: 50px;
		width: 50px;
		top: 50%;
		left: 2%;
	}

	.blog-day span {
		top: 13px;
	}

	.blog-content:hover .blog-day span {
		top: 11px;
	}

	.blog-content .blog-title {
		margin-bottom: 10px;
	}

	.blog-content.active .blog-content-out .content, 
    .blog-content-out .content {
		line-height: 18px;
	}

	.carousel-caption p, 
    .carousel-caption span {
		font-size: 14px;
		line-height: 18px;
	}

	canvas {
		width: 32%;
	}

	.count-box {
		margin-bottom: 6%;
	}

	.lead {
		font-size: 18px;
		line-height: 24px;
	}

	.counterBoxNumber {
		font-size: 42px;
		line-height: 42px
	}

	.counterBoxDetails {
		margin-top: 0;
		font-size: 14px;
		margin-bottom: 14px;
	}

	.conter-box .col-md-3 {
		margin: 9% 0 0;
	}
	
	.info .col-md-3 {
		margin: 9% 0 0;
	}

	header .intro-section {
		padding-top: 50%;
	}

	.month {
		line-height: 18px;
	}

	.team-details {
		width: 100%;
		float: none;
 /* margin: 0 auto 5%; */
		padding: 0;
	}

	.white-line {
		margin: 20px auto 13px;
	}

	.big {
		font-size: 28px;
	}

	.light {
		font-size: 14px;
		line-height: 18px;
	}

	.slideshow nav span {
		padding: 2px;
	}

	.conter-box .orange-line {
		margin: 7px auto 6px;
	}
	
	.info .orange-line {
		margin: 7px auto 6px;
	}

	.team-details {
		margin-bottom: 15px;
	}

	.team-details:hover .our-team {
		padding-top: 18%;
	}
	
	.teamZoomIcon{
	    width: 58px;
	    height: 58px;
	    background-image: url(../images/vote_item_zoom.png);
	}

	.team .width {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.chart span {
		top: 36%;
	}

	#testimonial .title {
		margin-bottom: 5px;
	}

	.carousel-caption span {
		margin-bottom: 10%;
	}

	.clients-slider li {
		width: 40%;
	}

	.map-button {
		height: 80px;
	}

	#map {
		height: 80px;
	}

	.chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span {
		font-size: 22px;
	}

    /* Only Blog Page */
	.blog-page .col-md-offset-2 {
		margin-left: 20% !important;
	}

	.blog-page .blog-day {
		width: 45px;
		height: 45px;
		font-size: 20px;
	}

	.blog-page .blog-day span {
		top: 10px;
	}

	.blog-page .contentarea {
		font-size: 13px;
		line-height: 24px
	}

	.listing_meta {
		line-height: 18px;
	}

	.blog-page .post-preview .blog-title {
		margin-bottom: 5px;
		line-height: 14px;
	}

	.blog-wrapper {
		margin-bottom: 13px;
	}

	.contentarea {
		margin: 0 auto 15px;
	}

	.top {
		margin-bottom: 10px;
	}

	.pagination {
		margin: 10px 0;
	}

	.media .content {
		width: 100%;
	}

	.media-body .media {
		margin-left: 10%;
	}

	#blog {
		padding-bottom: 30px;
	}

	.blog-header .intro-section {
		padding: 40% 0 0;
	}

	.medium {
		font-size: 14px;
		margin: 6px 0 10px;
	}

	.blog-page h3.title {
		font-size: 18px;
	}
}

@media (max-width:430px) {
	
	.blog-details .blog-views {
		float: left;
		width: 100%;
	}

	.conter-box .col-md-3:nth-child(2) {
		margin-top: 9%;
	}
	
	.info .col-md-3:nth-child(2) {
		margin-top: 9%;
	}
}

@media (max-width:320px) {
	
	h5.title {
		font-size: 14px;
	}

	h2.title {
		font-size: 32px !important;
		letter-spacing: 0
	}

	span.highlight {
		font-size: 28px;
	}

	.intro {
		font-size: 19px;
	}

	.frameOverlay .col-md-offset-2 {
		margin-left: 15.667% !important;
	}

	.title-text {
		/*height: 70px !important;*/
		margin-bottom:30px;
	}

	.buttons .small-button {
		margin: 9% 0 0 !important;
	}

	.chart span {
		font-size: 32px;
		top: 44%;
	}

	.count-box {
		margin-bottom: 10%;
		padding: 0;
	}

	.big {
		font-size: 22px;
	}

	header .intro-section .buttons {
		margin-top: 0;
	}

	.scrollDownWrap {
		bottom: 10px;
	}

	.service-icon i, 
    .icon-container i {
		font-size: 42px;
	}

	.icon-list i {
		font-size: 16px;
	}

	.fetaure-details .title {
		font-size: 16px;
		margin-bottom: 0px;
	}

	.feature-content {
		margin-top: 0px;
	}

	.team-details:hover .our-team {
		padding-top: 40%;
	}

	.count-box:nth-child(3) {
		margin-bottom: 10%;
	}

	.count-box:nth-child(4) {
		margin-bottom: 10%;
	}

	#contact {
		padding: 0 0 30px;
	}
	
	#winner {
		padding: 0 0 30px;
	}

	.contact .row:last-child {
		padding: 2px 0 0 0;
	}
	
	.winner .row:last-child {
		padding: 2px 0 0 0;
	}

	.form-group {
		margin-top: 15px;
	}

	.isotope-filters {
		padding-top: 10px;
	}

	textarea.form-control {
		min-height: 135px;
	}

	.fluid-width-video-wrapper iframe {
		min-height: 480px;
	}

	.fluid-width-video-wrapper {
		width: 100%;
		position: relative;
		padding: 0 !important;
		height: 100%;
	}
    
    

    /* Only Blog Page */
	.blog-page .listing_meta {
		line-height: 18px;
	}

	.blog-page .post-preview .blog-title {
		margin-bottom: 5px;
	}

	.blog-page .col-md-offset-2 {
		margin-left: 24% !important;
	}

	.blog-details-header .intro-section {
		padding: 91px 0 20px;
	}

	.navbar-collapse {
		margin-top: 10px;
	}
}
/* ==========================================================================
Work Popup
========================================================================== */
@media screen and (max-width:60em) {
    /* responsive columns */
	.popup-slide .popup-slideshow {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
		right: 0;
	}

	.popup-slide .popup-slideshow figure img {
		margin: 0 auto;
		max-width: 100%;
	}

	.info-keys {
		display: none;
	}
}

@media screen and (max-width:35em) {
	.grid li {
		width: 100%;
	}
}

@media screen and (max-width:24em) {
	.grid li {
		width: 100%;
	}
}
/* ==========================================================================
Scroll
========================================================================== */
@-webkit-keyframes iconFloat {
	0% {
		top: 0;
	}

	50% {
		top: 10px;
	}

	100% {
		top: 0;
	}
}

@-moz-keyframes iconFloat {
	0% {
		top: 0;
	}

	50% {
		top: 10px;
	}

	100% {
		top: 0;
	}
}

@-o-keyframes iconFloat {
	0% {
		top: 0;
	}

	50% {
		top: 10px;
	}

	100% {
		top: 0;
	}
}

@keyframes iconFloat {
	0% {
		top: 0;
	}

	50% {
		top: 10px;
	}

	100% {
		top: 0;
	}
}

/* ==========================================================================
Lodear - 01
========================================================================== */
@-webkit-keyframes loader-stripe-animation {
	0% {
		-webkit-transform: none;
		transform: none;
	}

	100% {
		-webkit-transform: translate(-32px, 0);
		transform: translate(-32px, 0);
	}
}

@-moz-keyframes loader-stripe-animation {
	0% {
		-moz-transform: none;
		transform: none;
	}

	100% {
		-moz-transform: translate(-32px, 0);
		transform: translate(-32px, 0);
	}
}

@-o-keyframes loader-stripe-animation {
	0% {
		-o-transform: none;
		transform: none;
	}

	100% {
		-o-transform: translate(-32px, 0);
		transform: translate(-32px, 0);
	}
}

@-ms-keyframes loader-stripe-animation {
	0% {
		-ms-transform: none;
		transform: none;
	}

	100% {
		-ms-transform: translate(-32px, 0);
		transform: translate(-32px, 0);
	}
}

@keyframes loader-stripe-animation {
	0% {
		transform: none;
		transform: none;
	}

	100% {
		transform: translate(-32px, 0);
		transform: translate(-32px, 0);
	}
}

/* ==========================================================================
Lodear - 02
========================================================================== */

/*@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

}*/

/* ==================================================================
    Coming Soon
================================================================== */

@media screen and (min-width:1250px) and (max-width:1400px) {
	.coming-soon .container {
		margin: 4% auto 0 auto;
	}

	.coming-soon #counter {
		margin: 5% 0;
	}

	.coming-soon .contact textarea {
		height: 70px;
	}

	.coming-soon h1 {
		margin: 0 auto 4%;
	}

	.coming-soon .home .text {
		margin-bottom: 4%;
	}

	.coming-soon .logo {
		margin: 0 0 5%;
	}

	.coming-soon .icon-text {
		padding: 25px 0 0 0;
	}

	.coming-soon .social ul {
		margin: 4% 0 0 0;
	}
}

@media only screen and (max-width:1024px) {
	.coming-soon #counter {
		margin: 5% 0;
	}

	.coming-soon section h1 {
		font-size: 40px;
		padding: 16px 0 18px 0;
	}

	.coming-soon .social ul {
		margin: 3% 0 0 0;
	}

	.coming-soon #contact {
		padding-bottom: 400px;
	}
}

@media only screen and (max-width:768px) {
	.coming-soon #counter {
		margin: 7% 0;
	}

	.coming-soon .social ul {
		margin: 7% 0 0 0;
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
	.coming-soon .home form input {
		padding: 6px 7px 6px 7px;
	}

	.coming-soon .logo {
		margin-bottom: 15px;
	}

	.coming-soon .container {
		margin: 0 auto;
	}

	.coming-soon #home {
		padding: 35px 0;
	}
}

@media only screen and (max-width:750px) {
	.coming-soon .container {
		margin: 6% auto 0;
		width: 90%;
	}

	.coming-soon #counter {
		margin: 5% 0;
	}

	.coming-soon #home #counter {
		font-size: 30px;
	}

	.coming-soon #counter .number {
		font-size: 30px;
		line-height: 40px;
	}

	.coming-soon #counter .counter-box {
		width: 90px;
		padding: 15px 15px;
		margin: 0px 25px 0 0;
	}

	.coming-soon section h1 {
		font-size: 40px;
	}

	.coming-soon #counter {
		margin: 8% 0;
	}

	.coming-soon .home form input {
		width: 72%;
	}

	.coming-soon .input-group {
		text-align: left;
	}

	.coming-soon .input-group .btn-default {
		float: right;
	}

	.coming-soon section {
		height: 100% !important;
		background-color: #000;
		padding-bottom: 30px;
	}

	.coming-soon .main .page {
		position: inherit;
	}

	.coming-soon #home {
		position: relative;
		height: 100% !important;
	}
}

@media only screen and (max-width:600px) {
	.coming-soon .container {
		margin: 6% auto 0;
		width: 90%;
	}

	.coming-soon section h1 {
		padding: 2.6% 0 3%;
		font-size: 34px;
		margin-bottom: 7%;
	}

	.coming-soon #home #counter {
		font-size: 30px;
	}

	.coming-soon #counter .number {
		font-size: 30px;
		line-height: 30px;
	}

	.coming-soon #counter .counter-box {
		padding: 15px 20px;
		margin: 0 0 0 0;
		border-right: 0 solid rgba(29, 198, 7, .2);
	}

	.coming-soon #counter {
		margin: 8% 0 6%;
	}

	.coming-soon .home .text {
		margin-bottom: 8%;
		width: 100%;
	}

	.coming-soon .home form input {
		width: 65%;
	}

	.coming-soon .social ul {
		margin: 10% 0 0 0;
	}

	.coming-soon .logo img {
		width: 160px;
	}
}

@media only screen and (max-width:480px) {
	.coming-soon section h1 {
		font-size: 24px;
		padding: 1% 0 1%;
	}

	.coming-soon .home .text {
		font-size: 14px;
		line-height: 22px
	}

	.coming-soon #home #counter {
		font-size: 25px;
		padding-right: 10px;
	}

	.coming-soon #counter .number {
		font-size: 25px;
		line-height: 20px;
	}

	.coming-soon #counter .counter-box {
		width: 60px;
		padding: 10px 6px;
	}

	.coming-soon #counter span {
		font-size: 13px;
	}

	.coming-soon .home form input {
		width: 60%;
	}

	.coming-soon .icon-text {
		padding: 20px 0 0 0;
	}

	.coming-soon #counter {
		margin: 4% 0 6%;
	}

	.coming-soon .nav-main {
		bottom: 15px !important;
	}
}

@media only screen and (max-width:420px) {
	.coming-soon .home form input {
		width: 53%;
	}

	.coming-soon .about-icon {
		width: 100%;
		margin-bottom: 15px;
		display: none;
	}

	.coming-soon .about-text {
		width: 100%;
	}
}

@media only screen and (max-width:360px) {
	.coming-soon .home form input {
		width: 57%;
		padding-left: 0;
		font-size: 14px;
	}

	.coming-soon .home button {
		padding: 4px 8px;
		width: auto;
	}

	.coming-soon .social ul li {
		margin: 0 12px;
	}

	.coming-soon section h1 {
		font-size: 22px;
	}

	.coming-soon .container {
		margin: 0 auto;
	}

	.coming-soon section {
		padding: 28px 0;
	}
}

@media screen and (max-height:31.125em) {
	.coming-soon .bt-menu ul li a:before {
		font-size: 32px;
	}
}

/* ==========================================================================
    Only iPad CSS
========================================================================== */

@media only screen and (device-width: 1024px) {
	.home-slider h1 {
		font-size: 45px;
	}

	.green .slider-text h2 {
		line-height: 40px;
		margin-top: 40px;
	}

	.green .home-slider h1 {
		font-size: 40px;
	}

	.model-box {
		background-position: left -40px top 80px;
	}
}

@media only screen and (device-width: 768px) {
	.violet .form-control {
		background-color: rgba(235,235, 235, 0.2);
		border-bottom: none;
	}

	.testimonial, 
    .conter-box,
	.info,
    .client-logos, 
    #footer,
    .popular-destinations, 
    .holidays,
    #about,
    .offers,
    .about-spa,
    .team,
    .contact,
	.winner,
    .seasonal-dishes,
    .food-services,
    .book,
    header,
    .model-box,
    .featured-projects,
    .work-count,
    .blog-header,
    .blog-details-header {
		background-attachment: inherit !important
	}
}