/* lg */
@media (min-width: 1200px) {}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {}

/* sm */

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-right li a {
		font-size: 12px;
		padding-right: 10px;
	}

	.social-icons ul li {
		margin-bottom: 10px;
	}

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

	.price span {
		font-size: 10px;
		margin-top: 27px;
	}

	.btn-signup {
		padding: 10px 20px;
	}
}

/* xs */
@media (min-width: 1200px) {
	.col-lg-4 {
		width: 27.333333%;
		/* position: absolute; */
		/* left: 120px; */
	}
}


@media (max-width: 767px) {
	.project-details {
		margin: 15px;
	}

	body {
		font-size: 14px;
	}

	#home-slider .caption h1 {
		font-size: 37px;
	}

	#home-slider .caption {
		font-size: 15px;
		padding: 0 30px;
	}

	.left-control,
	.right-control {
		font-size: 20px;
		height: 30px;
		line-height: 25px;
		width: 30px;
	}

	#home-slider:hover .right-control {
		right: 15px;
	}

	#home-slider:hover .left-control {
		left: 15px;
	}

	.caption .btn-start {
		font-size: 12px;
		padding: 10px 30px;
	 
	}

	.navbar-brand {
		padding: 0 15px 15px;
	}

	.navbar-toggle {
		border: 1px solid #fff;
	}

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

	.navbar-right li a {
		font-size: 13px;
		padding-bottom: 8px;
		padding-top: 10px;
	}

	/*services*/
	section {
		padding: 45px 0;
	}

	.heading {
		font-size: 14px;
		padding-bottom: 45px;
	}

	.heading h2 {
		font-size: 26px;
	}

	.service-info h3 {
		font-size: 20px;
	}

	.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-member {
		margin-bottom: 50px;
	}

	.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: 10px;
		margin-top: 15px;
	}

	.price {
		font-size: 18px;
		line-height: 35px;
		width: auto;
	}

	.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;
	}

	#twitter {
		padding-bottom: 75px;
	}

	.twitter-left-control,
	.twitter-right-control {
		top: inherit;
		bottom: 30px;
		height: 25px;
		width: 25px;
		line-height: 23px;
		font-size: 14px;
	}

	.twitter-left-control {
		left: 30px;
		z-index: 16
	}

	.twitter-right-control {
		right: 30px;
		z-index: 16
	}

	#blog {
		overflow: hidden;
	}

	.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-info {
		padding-left: 0;
	}

	#footer .footer-bottom {
		text-align: center;
	}

	.footer-bottom p.pull-right {
		float: none !important;
	}
}
 
/* XS Portrait */
@media (max-width: 479px) {

	.team-members .col-sm-3,
	.pricing-table .col-sm-3,
	#portfolio .col-sm-3,
	.blog-posts .col-sm-4 {
		width: 100%;
		float: none;
	}
}

.topimg {
	width: 100%;
	height: auto;
}

.dwn {
	width: 265px;
}

.bts {
	height: 300px;
	width: 100%
}
.bts1 {
	/* height: 408px; */
	width: 100%
}


h3 {
	font-size: 20px;
	font-weight: bold;
}

.pn {
	text-align: initial;
}

h2 {
	font-size: 40px;
	margin-bottom: 20px;
}

.heading {
	padding-bottom: 51px;
}

ul.nav.nav-tabs {
	font-size: 23px;
	font-weight: bold;
}

.down {
	width: 34%;
}

.nn {
	width: 185px;
}

.panel-default .panel-heading {
	color: #ffffff;
	background-color: #018ecc;
	border-color: #018ecc;
	height: 49px;
}

.donbtn {
	color: #018ece;
	font-size: 18px;
	font-weight: bold;
}

.nsc {
	width: 376px;
}

.nn1 {
	width: 257px;
}


/* Conatct start */

.header-title {
	text-align: center;
	color: #00bfff;
}

#tip {
	display: none;
}

.fadeIn {
	animation-duration: 3s;
}

.form-control {
	border-radius: 0px;
	border: 1px solid #EDEDED;
}

.form-control:focus {
	border: 1px solid #00bfff;
}

.textarea-contact {
	resize: none;
}

.btn-send {
	border-radius: 0px;
	border: 1px solid #00bfff;
	background: #00bfff;
	color: #fff;
}

.btn-send:hover {
	border: 1px solid #00bfff;
	background: #fff;
	color: #00bfff;
	transition: background 0.5s;
}

.second-portion {
	margin-top: 50px;
}

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

.box>.icon {
	text-align: center;
	position: relative;
}

.box>.icon>.image {
	position: relative;
	z-index: 2;
	margin: auto;
	width: 88px;
	height: 88px;
	border: 8px solid white;
	line-height: 88px;
	border-radius: 50%;
	background: #00bfff;
	vertical-align: middle;
}

.box>.icon:hover>.image {
	background: #333;
}

.box>.icon>.image>i {
	font-size: 36px !important;
	color: #fff !important;
}

.box>.icon:hover>.image>i {
	color: white !important;
}

.box>.icon>.info {
	margin-top: -24px;
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid #e0e0e0;
	padding: 15px 0 10px 0;
	min-height: 163px;
}

.box>.icon:hover>.info {
	background: rgba(0, 0, 0, 0.04);
	border-color: #e0e0e0;
	color: white;
}

.box>.icon>.info>h3.title {
	font-family: "Robot", sans-serif !important;
	font-size: 16px;
	color: #222;
	font-weight: 700;
}

.box>.icon>.info>p {
	font-family: "Robot", sans-serif !important;
	font-size: 13px;
	color: #666;
	line-height: 1.5em;
	margin: 20px;
}

.box>.icon:hover>.info>h3.title,
.box>.icon:hover>.info>p,
.box>.icon:hover>.info>.more>a {
	color: #222;
}

.box>.icon>.info>.more a {
	font-family: "Robot", sans-serif !important;
	font-size: 12px;
	color: #222;
	line-height: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.box>.icon:hover>.info>.more>a {
	color: #fff;
	padding: 6px 8px;
	background-color: #63B76C;
}

.box .space {
	height: 30px;
}
 

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

	.prod2_left p, .prod2_left .entry-header h3 {
		width: 100%;
		margin-left:-55px;
	 
		/* float: right; */
	}
	 
	 
}
 
@media only screen and (max-width: 768px) {
	.contact-form {
		margin-top: 25px;
	}

	.btn-send {
		width: 100%;
		padding: 10px;
	}

	.second-portion {
		margin-top: 25px;
	}
}

.np {
	text-align: justify;
}

/* Conatct end */



 

.arrow {
  text-align: center;
  margin: 10% 0;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

.resources
{
	width:100%
}