@media (max-width: 1680px) {
	.carousel-fade .carousel-inner .item p{
		right: 19%;
	}
}
@media (max-width: 1366px) {
	.carousel-fade .carousel-inner .item p{
		right: 18%;
		bottom: 0;
		font-size: 20px;
		line-height: 21px;
	}
	.carousel-fade .carousel-inner .item p a{
		font-size: 20px;
	}
}
@media (max-width: 1280px) {
	.carousel-fade .carousel-inner .item p{
		right: 15%;
		font-size: 19px;
		line-height: 20px;
	}
	.carousel-fade .carousel-inner .item p a{
		font-size: 19px;
	}
	.carousel-fade .carousel-inner .item p span{
		margin-top: 5px;
		font-size: 12px;
	}
}
/* lg L */ 
@media (min-width: 1200px) and (max-width: 1440px) {
	.width_col{ width: 80%; }
}

@media only screen and (max-width: 1024px) {
    .pic_flower,.t_shirt{
		display: none;
	}
	.carousel-fade .carousel-inner .item p{
		right: 6%;
	}
}

/* Return to Top */
@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 50px;
		width: 50px;
		right: 20px;
		bottom: 20px;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.width_col{ width: 90%; }
	.service-info .table .font22 , .service-info .table span{
		font-size: 18px;
	}
	#team .col-md-7{ width: 100%;}
	.krabs{ display: none; }
}

@media (max-width: 769px) {
	.main-nav{
		display: block !important;
		top: 0;
		position: fixed;
		width: 100%;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
 	.navbar-right li a {
		font-size: 14px;
		padding-right: 10px;
	}
	.social-icons ul li {
		margin-bottom: 10px;
	}
	.price {
		font-size: 16px;
		height: 110px;
		line-height: 30px;
		width: 100%;
	}
	.service-info .table span{
		padding: 8px 5px;
	}
	.price span {
		font-size: 40px;
		margin-top: 27px;
	}
	.btn-signup {
		padding: 10px 20px;
	}
	.width_col{ width: 95%; }

	#services .col-sm-10{
		width: 105.333%;
	}
	#blog .col-sm-11{
		width: 100%;
	}
}

/* xs */
@media (max-width: 768px) {
	body {
		font-size: 14px;
		background: url(../images/bg-mobile.jpg) no-repeat left top fixed;
	}
	.carousel-fade .carousel-inner .item p{
		right: 50%;
		bottom: -5px;
		margin-right: -216px;
		line-height: 16px;
		font-size: 16px;
	}
	.carousel-fade .carousel-inner .item p a{
		font-size: 17px;
	}
	.carousel-fade .carousel-inner .item p span{
		font-size: 10px;
	}
	#mobile-bg{
		background: transparent;
	}
	#home-slider .caption h1 {
		font-size: 30px;
	}
	#home-slider .caption {
		font-size: 15px;
		top: 0;
	}
	.cd-top {
	    right: 20px;
	    bottom: 20px;
	 }
	.desktop, .mobile{
		display: none;
	}
	.tablets,.mobile_info{
		display: block;
	}
	.carousel{
		padding-top: 50px;
	  	height: calc(100vh - 260px);
	  	min-height: 706px;
	}
	#home-slider .fa-angle-down{
		bottom: 5px;
	}
	.left-control, .right-control{
		display: none;
	}
	#home-slider:hover .right-control {
		right: 15px;
	}
	#home-slider:hover .left-control {
		left: 15px;
	}
	.carousel-fade .carousel-inner .item{ background-image: url(images/bg.jpg) }
	.carousel-fade .carousel-inner .control_img{ display: none; }
	.caption .btn-start {
		margin-top: 16px;
		font-size: 20px;
		width: 100%;
	}
	.navbar-brand {
		padding: 0 15px 15px;
	}
	.navbar-brand img{
		margin-top: 10px;
		width: 74%;
	}
	.navbar-toggle {
	  border:1px solid #fff;
	}
	.navbar-toggle .icon-bar {
	  background-color: #fff;
	}
	.navbar-right li a {
		font-size: 15px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.navbar-nav .border_line{
		display: none;
	}
	.navbar-right .instagram{
		background-position: 14px 8px;
	}
	.navbar-right .facebook{
		background-position: 14px -52px;
	}

	/*services*/
	section {
		padding: 45px 0;
	}
	.heading {
		font-size: 14px;
		padding-bottom: 20px;
	}
	.heading h2 {
		font-size: 26px;
	}
	.service-info h3 {
		font-size: 28px;
	}
	.our-services .col-sm-4 {
		margin-bottom: 32px;
		padding-bottom: 20px;
	}
	.our-services .col-sm-4:nth-child(4), 
	.our-services .col-sm-4:nth-child(5), 
	.our-services .col-sm-4:nth-child(6) {
		padding-top: 0;
	}
	.service-icon {
		font-size: 30px;
		height: 65px;
		line-height: 62px;
		width: 65px;
	}
	.our-services .col-sm-4:hover .service-icon:before {
		height: 90px;
		width: 90px;
	}
	.about-info {
		text-align: center;
		margin-bottom: 50px;
	}
	#team .col-xs-8{
	  left: 0;
	}
	.team-members .col-sm-3, 
	.pricing-table .col-sm-3, 
	#portfolio .col-sm-3, 
	.blog-posts .col-sm-4  {
		width: 50%;
		float: left;
	}
	.social-icons ul li a {
		font-size: 14px;
		height: 30px;
		line-height: 30px;
		width: 30px;
	}	
	.count .col-xs-6 {
		margin-bottom: 35px;
	}
	#features {
		min-height: 330px;
	}
	#features i {
		font-size: 35px;
	}
	#features h3 {
		font-size: 25px;
	}
	.price span {
		font-size: 50px;
		margin-top: 25px;
	}
	.price {
		font-size: 18px;
		height: 110px;
		line-height: 35px;
		width: 130px;
	}
	.single-table ul {
		margin-top: 22px;
	}
	.single-table ul li {
		font-size: 14px;
		margin-top: 15px;
	}
	.btn-signup {
		font-size: 12px;
		margin-top: 25px;
		padding: 10px 35px;
	}
	.single-table{
		margin-bottom: 40px;
		padding: 20px;
	}
	#blog {
		overflow: hidden;
	}
	#blog h2{
		margin-top: 60px;
	}
	#blog .col-sm-6 img{
		display: inline-block;
	}
	.entry-header h2 {
		line-height: 20px;
	}
	.blog-posts .col-sm-4 {
		margin-bottom: 35px;
	}
	.load-more {
		margin-top: 35px;
	}
	.btn-loadmore {
		font-size: 12px;
		padding: 15px 75px;
	}
	#contact-us .heading {
		padding-top: 35px;
	}
	#contact-us{
		background-size: 148% auto;
	}
	.contact-info {
		padding-left: 0;
	}
	.t_shirt {
		right: -90px;
		bottom: 280px;
	}
	.countdown_info {
		text-align: center;
	}
	.countdown_info ul{
		display: table;
		margin: 0 auto;
		padding-left: 0;
	}
	.countdown_info h1{
		margin-left: 0;
	}
	.countdown_info li{
		font-size: 44px;
	}
	.width_col, .btn-submit{ 
		width: 100%; 
		text-align: center;
	}
	.width_col p{ 
		text-align: left;
	}
	#services .col-sm-10 , #blog .col-sm-11{
		width: 100%;
	}
	.service-info .table .fsize{
		font-size: 24px;
	}
	.service-info .table span{
		font-size: 15px;
	}
	.service-info .table .font22{
		font-size: 18px;
	}
	#team .col-md-7{ width: 100%;}
	.krabs{ display: none; }
}

/* XS Portrait */
@media (max-width: 479px) {
	.carousel{
		padding-top: 50px;
	  	height: 100vh;
	  	min-height: 100vh;
	}
	.carousel-fade .carousel-inner .item p{
		bottom: -3px;
		width: 340px;
		margin-right: -170px;
		line-height: 12px;
		font-size: 10px;
	}
	.carousel-fade .carousel-inner .item p span{
		font-size: 11px;
	}
	.tablets{
		display: none;
	}
	.mobile{
		display: block;
	}
	.cd-top {
		right: 10px;
		bottom: 10px;
	}
	#services p{
		font-size: 18px;
		line-height: 24px;
	}
	#services p:first-child{
		margin-top: 13px;
		font-size: 20px;
		font-weight: 700;
	}
	.service-info .table td{
		font-size: 16px;
	}
	.service-info span{
		margin-top: 13px;
		font-size: 13px;
		line-height: 18px;
	}
	.service-info .table span{
		margin-top: 0;
		padding: 10px 5px;
		font-size: 16px;
	}
	.service-info .table .fsize{
		height: 82px;
		font-size: 21px;
		line-height: 22px;
	}
	#blog h2{
		margin-top: 45px;
		margin-bottom: 5px;
		font-size: 28px;
	}
	#blog p{
		margin-top: 15px;
		margin-bottom: 0;
		font-size: 21px;
	}
	#blog .table-responsive{
		margin-bottom: 0;
	}
	#contact .load-more{
		margin-top: 0;
	}
	#blog .table{
		font-size: 18px;
	}
	#blog .table span{
		font-size: 20px;
	}
	#blog .table th , #blog .table td{
		line-height: 36px;
	}
	#team .col-xs-8{
		width: 62%;
	}
	.team-members .col-sm-3, 
	.pricing-table .col-sm-3, 
	#portfolio .col-sm-3, 
	.blog-posts .col-sm-4 {
		width:100%;
		float: none;
	}
	.navbar-header h1 {
		margin-top: 3px;
	}
	.navbar-header h1 img{
		margin-top: 0;
		max-width: 70%;
	}
	.navbar-right li a{
		font-size: 16px;
	}
	.left_info, .countdown_info {
		background: transparent;
	}
	.left_info{
		min-height: 320px;		
	}
	.left_info h2{
		font-size: 28px;
	}
	.left_info h2 span{
		display: block;
	}
	.countdown_info{
		min-height: 160px;
	}
	.countdown_info h1{
		font-size: 34px;
	}
	.countdown_info li{
		font-size: 30px;
		text-shadow: none;
	}
	.countdown_info li span{
		font-size: 16px;
		line-height: 12px;
	}
	#contact-us{
		background-position: bottom center;
		min-height: 760px;
		background-size: 170% auto;
	}
	.countdown_info h1{
		font-size: 30px;
	}
	.navbar-right .instagram{
		background-position: 14px 15px;
	}
	.navbar-right .facebook{
		background-position: 14px -44px;
	}
	#terms{
		padding-top: 45px;
	}
	#mobile-bg #terms .col-sm-8 img{
		width: 60%;
	}
	.service-info .table .font30{
		font-size: 22px;
	}
	.service-info .table .font22{
		font-size: 16px;
	}
	#terms h2{ 
		margin-top: 14px;
		font-size: 24px;
	}
	.member-image li{ float: none; }
}

@media (max-width: 414px) {
	.left_info{		
		min-height: 258px;
	}
	#home-slider .fa-angle-down{
		bottom: 20px;
	}
	.countdown_info{
		margin-top: 20px;
	}
	.countdown_info li{
		font-size: 34px;
	}
	.caption .btn-start{
		margin-top: 15px;
	}
}
@media (max-width: 375px) {
	.carousel-fade .carousel-inner .item p{
		font-size: 12px;
		line-height: 10px; 
	}
	.carousel-fade .carousel-inner .item p a{
		font-size: 14px;
	}
	.carousel-fade .carousel-inner .item p span{
		font-size: 8px;
	}
}

@media (max-width: 320px) {
	.carousel-fade .carousel-inner .item p{
		bottom: -6px;
		font-size: 12px;
	}
	.carousel-fade .carousel-inner .item p a{
		font-size: 14px;
	}
	.carousel-fade .carousel-inner .item p span{
		font-size: 9px;
	}
	.left_info{
		padding-top: 10px;
		min-height: 280px;
	}
	.left_info h2{
		font-size: 24px;
		line-height: 28px;
	}
	.left_info p{
		font-size: 17px;
		line-height: 20px;
	}
	.countdown_info h1{
		margin-top: 10px;
	}
	.countdown_info li{
		font-size: 27px;
	}	
}