/*========================================== MASTER STYLESHEET ===================================================================

	Project     :	OFFICE
	Version     :	1.0
	Last Change : 	16/11/2016
	Primary Use :   OFFICE

=================================================================================================================================*/
/*========================================== LAYOUT ===================================================================

		1.GLOBAL STYLES
		2.COMMON STYLES
		3.THEME COLOR
		4.NAVIGATION
		5.BUTTON
		6.HEADER		
		7.CLIENTS		
		8.FEATURES
		9.SLIDER TWO COLUMN AND IMAGE TWO COLUMN
		10.TESTIMONIAL		
		11.PORTFOLIO
		12.COUNTER
		13.PRICING TABLE
		14.DOWNLOAD TODAY
		15.TEAM
		16.SKILLS	
		17.VIDEO
		18.FAQ
		19.NEWSLETTER
		20.FOOTER
		21.CAROUSEL SLIDER
		22.MEDIA QUERIES

=================================================================================================================================*/
/*========================================== COLOR CODES =========================================================================

	Background         :#ffffff [white]
	Theme Color        :#0892d0 [blue]	
	Main Heading Color :#333333 [very dark gray]	
	Content Color      :#444444 [very dark gray]

=================================================================================================================================*/
/*========================================== TYPOGRAPHY =========================================================================

	Body    :font-family: 'Lato', sans-serif , Arial , Vedana  , Trebuchet MS;
	Heading :font-family: 'Ubuntu', sans-serif;

=================================================================================================================================*/
/*========================================== 1.GLOBAL CSS START ===========================================*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700italic,700,900,900italic);

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500italic,500,700,700italic,300,300italic&subset=latin,greek);

body {
  background-color: #ffffff;
  color: #444444;
  font-family: 'Lato', sans-serif, Arial, Vedana, Trebuchet MS;
  font-size: 14px;
}

a {
  text-decoration: none !important;
}

a,
button {
  outline: none !important;
}

p {
  font-size: 15px;
  line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: 1px;
  margin: 0px;
  text-transform: capitalize;
}

h1 {
  font-size: 50px;
  font-weight: 500;
  text-transform: uppercase;
}

h2 {
  color: #333333;
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}

h3 {
  font-weight: 400;
}

.container-fluid {
	padding-left:0;
	padding-right:0;
}

/*========================================== 1.GLOBAL CSS END ===========================================*/
/*========================================== 2.COMMON CSS START ===========================================*/

.common-space {
  padding: 70px 0px;
}

.light-white-bg,
.whitebg {
  z-index: -999;
}

.light-white-bg {
  background-color: #f5f5f5;
}

.points,
.contact-info,
.counter_list {
  margin: 0px;
  padding: 0px;
}

.header-three-content,
footer .footer-social .social-media,
.features,
.slider h2,
.two-col-img,
.testimonial,
.portfolio,
.skills h2,
.faq h2 {
  text-align: center;
}

figure.uline img {
  display: inherit;
  margin: 0px auto;
  margin-bottom: 30px;
  margin-top: 15px;
  width: auto !important;
}

.two-col-img h3,
.slider h3,
.price-table .features,
.feature-content h3,
.pt-footer a,
.personal .title,
.personal .content,
.skills h3 {
  color: #444444;
}

.testimonial-content,
.newsletter p,
.newsletter .form-group i,
.contact-info li i {
  font-size: 20px;
}

.personal .pt-footer,
.personal .content,
.whitebg,
.dropdown-menu > li > a,
.top-nav-collapse,
.collapse-bg,
.navbar-default .navbar-nav > li > a:hover .navbar-default .navbar-nav > li,
.navbar-default .navbar-toggle:focus .icon-bar,
.navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #ffffff;
}

.dwnld-tdy,
.counter,
.testimonial,
.header-three-img,
.header-two-img,
.header-one-img {
  background-attachment: fixed;
  background-position: center right;
  background-repeat: no-repeat;
  height: 100%;
}

.personal.theme-color.personal-1 .title,
.theme-color .content,
.theme-color .pt-footer a,
footer .footer-social .social-media a,
footer,
.buynow,
.navbar-default .navbar-nav > li > a,
.btn-default,
.counter,
.counter h2,
.testimonial h2,
.dwnld-tdy,
.dwnld-tdy h2,
.team-details h2,
.twt-bg,
.header-three-img,
.header-two-img,
.header-one-img,
.portfolio .btn.active,
.two-col-img .btn-default:hover,
.btn-default:hover,
.buynow:hover,
.btn-default:focus,
.faq-info-withbg {
  color: #ffffff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #ffffff !important;
}

.points li,
.counter_list,
.contact-info li,
footer .footer-social li {
  list-style-type: none;
}

.btn-default,
.buynow,
footer .footer-social .social-media,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background-color: transparent;
}

.dwnld-tdy p,
.faq-info-withbg h4,
.faq-info h4,
.portfolio .btn-group .btn,
.two-col-img .btn-default {
  font-size: 16px;
}

h3,
.newsletter .btn-left,
.contact-info li:first-child i {
  font-size: 24px;
}

footer p,
.newsletter .btn-default,
.faq-info-withbg i,
.faq-info i,
.points img {
  float: left;
}

.contact-info li,
.skills h3,
.portfolio-content {
  padding-bottom: 30px;
}

.points,
.testimonial-content,
.dwnld-tdy p {
  margin-top: 20px;
}

.mailbox-btm-space,
.personal .title,
.price-table .features,
figure.picture-last-row-items {
  margin-bottom: 0px;
}

.testimonial,
.counter,
.dwnld-tdy,
.header-three-img,
.header-two-img,
.header-one-img {
  background-size: cover;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-toggle,
.newsletter .btn-default,
.dwnld-tdy .btn-default,
.picture-item .gallery_image img,
iframe,
.navbar-default {
  border: 0px;
}
/*========================================== 2.COMMON CSS ENDS ============================================*/
/*========================================== 3.THEME COLOR START ============================================*/

.personal.theme-color.personal-1 .title,
.pricelist:hover .content,
.pricelist:hover .pt-footer,
.theme-color .title,
.theme-color .pt-footer,
footer .footer-social .social-media:hover,
.btn-default:hover,
.buynow:hover,
.btn-default:focus,
.navbar-default .navbar-nav >.active,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.newsletter .btn-default,
.dwnld-tdy .btn-default,
.carousel-indicators .active,
.faq-info-withbg {
  background-color: firebrick;
}

.testimonial figcaption span,
.contact-info li i,
.faq-info i,
.newsletter .btn-left,
.two-col-img .btn-default,
.featureshvr:hover h3,
h3 {
  color: #0892d0;
}
h3{
  color: rgba(5, 118, 170, 0.8);
}
.navbar-default .navbar-nav > li > a:hover {
  border-bottom: 2px solid darkred;
}

.btn-default:hover,
.buynow:hover,
.btn-default:focus {
  border-bottom: 1px solid #0892d0;
}

.theme-color,
.newsletter .form-group .form-control,
.btn-default,
.buynow,
.carousel-indicators li {
  border: 1px solid #0892d0;
}

footer .footer-social .social-media {
  border: 2px solid #0892d0;
}

.dwnld-tdy .btn-default:hover {
  border: none !important;
}
/*========================================== 3.THEME COLOR ENDS ============================================*/
/*========================================== 4.NAVIGATION START ===========================================*/

.navbar-default {
  background-color: rgba(256, 256, 256, 0.0);
  margin: 0px;
}

.navbar-default .navbar-brand {
  font-weight: 600;
  letter-spacing: 1px;
}

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

.navbar-default .navbar-nav > li {
  padding: 18px 0px;
}

.dropdown-menu > li > a {
  padding-bottom: 12px!important;
  padding-top: 12px!important;
}

.top-nav-collapse {
  padding: 12px 0px !important;
}

.site-logo {
  padding-top: 18px;
  padding-bottom: 44px;
}

.top-space {
  padding-top: 40px;
}

.navbar-default .navbar-nav > li > a {
  font-size: 13px;
}

.collapse-bg {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.navbar-default .navbar-nav > li > a {
  margin: 0px 15px;
  padding: 15px 0px;
}

a.navbar-brand {
  font-size: 18px;
}
/*========================================== 4.NAVIGATION END ===========================================*/
/*================================================ 5.BUTTON STRAT =========================================*/

.btn-default,
.buynow {
  border-radius: 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 300;
  padding: 10px 25px;
}

.buynow {
  margin-top: 60px;
}

.btn-default:hover,
.buynow:hover,
.btn-default:focus {
  transition: 1s;
}

.newsletter .btn-default:hover,
.contact .btn-default:hover,
.dwnld-tdy .btn-default:hover {
  background-color: rgba(8, 146, 208, 0.8);
}

.newsletter .btn-default:hover i {
  opacity: 0.8;
}
/*================================================ 5.BUTTON ENDS ==========================================*/
/*======================================= 6.SECTION : HEADER START ========================================*/

.header-one-img {
  background-image: url('../images/header-1.jpg');
}

.header-two-img {
  /* background-image: url('../images/header-2.jpg'); */
  background-color: #000000;
}

.header-three-img {
  background-image: url('../images/header-3.jpg');
}

.header-three-content {
  padding: 300px 0px 100px 0px;
}

.header-three-content h1,
.header-two-content h1,
.header-one-content h1 {
  margin-bottom: 30px;
}

.header-three-content p,
.header-two-content p,
.header-one-content p {
  margin-bottom: 40px;
}

.header-three-content p,
.header-two-content p,
.header-one-content p {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 26px;
}

.header-two-content,
.header-one-content {
  padding: 200px 0px;
}
.header-top{
  padding: 100px 0px;
}
/*======================================= 6.SECTION : HEADER END ========================================*/
/*======================================= 7.SECTION : CLIENT STYLE START ===============================================================*/

.clients {
  background-color: #ccc;
  padding: 10px 0px;
}

.clients img {
  opacity: 0.5;
  width: 100%;
}

.clients img:hover {
  opacity: 1;
}
/*======================================= 7.SECTION : CLIENT STYLE END ===============================================================*/
/*======================================= 8.SECTION : FEATURES STYLE START ===============================================================*/

.content-space {
  padding: 50px 0px;
}

.features h3 {
  margin: 20px 0px;
}

.feature-content p {
  padding: 0px 10px;
}

.featureshvr:hover h3 {
  transition: 1s;
}
/*======================================= 8.SECTION : FEATURES STYLE END ===============================================================*/
/*======================================= 9.SECTION : TWO COLUMN SLIDER STYLE START ===============================================================*/

.slider img,
.two-col-img figure img,
.team-profile figure img {
  width: 100%;
}

.points-content {
  padding: 0px 30px;
}

.points li {
  background: url("../images/tick-icon-20x20.png") 0 0 no-repeat;
  padding: 0px 0px 30px 30px;
}

.points li:last-child {
  padding-bottom: 0px;
}

.points img {
  height: 18px;
  width: 18px;
}

.two-col-img {
  padding-bottom: 70px;
}

.two-col-img p {
  padding: 0px 25px 25px 30px;
  text-align: left;
}

.two-col-img .btn-default {
  margin: 10px 15px;
}

.two-col-img .img-content,
.twt-bg p {
  padding-top: 50px;
}

.two-col-img h3,
.slider h3 {
  margin-bottom: 30px;
  text-align: center;
}
/*======================================= 9.SECTION : TWO COLUMN SLIDER STYLE END ===============================================================*/
/*======================================= 10.SECTION : TESTIMONIAL STYLE START ===============================================================*/

.testimonial {
  background-image: url('../images/testimonial-bg.jpg');
}

.testimonial-content {
  margin-bottom: 30px;
}

.testimonial-content span {
  font-size: 150%;
}

.testimonial figcaption {
  font-style: italic;
  margin: 20px 0px;
}
/*======================================= 10.SECTION : TESTIMONIAL STYLE END ===============================================================*/
/*======================================= 11.SECTION : PORTFOLIO STYLE START ===============================================================*/

.picture-item .gallery_image img,
iframe {
  width: 100%;
}

.portfolio figure {
  margin: 20px 0px;
}

.portfolio .btn-group > .btn:first-child,
.portfolio .btn-group > .btn:last-child {
  border-radius: 0px;
}

.portfolio .btn-group .btn {
  background-color: white;
  border: 1px solid #ccc;
  margin: 0px 5px 30px 5px;
  padding: 10px 20px;
}

.portfolio .btn.active {
  background-color: #0892d0;
  box-shadow: none;
}
/*======================================= 11.SECTION : PORTFOLIO STYLE END ===============================================================*/
/*======================================= 12.SECTION : COUNTER STYLE START ===============================================================*/

.counter {
  background-image: url('../images/bg-img3.jpg');
}

.counter_list .count {
  font-size: 45px;
  font-weight: bolder;
}

.counter_likes {
  text-transform: uppercase;
}

.counter_number {
  margin-top: 30px;
}
/*======================================= 12.SECTION : COUNTER STYLE END ===============================================================*/
/*======================================= 13.SECTION : PRICE TABLE STYLE START ===============================================================*/

.block {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 50px;
  -moz-border-radius: 5px;
  overflow: hidden;
  -webkit-border-radius: 5px;
}
/*Shared properties*/

.block p {
  -webkit-border-radius: 5px 5px 0px 0px;
}

.content,
.title,
.pt-footer {
  color: #FEFEFE;
}

.price,
.content,
.title,
.pt-footer {
  position: relative;
}

.price sub,
.price sup {
  font-weight: bold;
}

.title,
.pt-footer {
  line-height: 2;
  text-transform: capitalize;
}

.content {
  padding: 20px 0 10px 0;
  padding-left: 50px;
}

.price {
  display: inline-block;
  margin-bottom: 0.625rem;
  padding: 15px 10px;
}

.price span {
  font-size: 75px;
}

.price sup {
  font-size: 18px;
  left: -12px;
  position: absolute;
  top: 12px;
}

.price sub {
  font-size: 14px;
}

.price-table .features {
  background: #FFFFFF;
  list-style-type: none;
  padding: 30px 0px;
  text-align: center;
}

.price-table .features li {
  font-size: 14px;
  letter-spacing: 0.5px;
  padding: 15px 0;
  width: 100%;
}

.price-table .features li i {
  margin-right: 15px;
}

.pt-footer {
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  padding: 5px 0px;
}

.pt-footer a {
  text-decoration: none;
}
/*PERSONAL*/

.personal .title {
  background: #fff;
  border-bottom: 1px solid #ccc;
  font-size: 16px !important;
  padding: 3px 0px;
}

.personal .content {
  border-bottom: 1px solid #ccc;
}

.personal .pt-footer {
  border-radius: 0px 0px 5px 5px;
  border-top: 1px solid #ccc;
}

.personal .content:after {
  border-top-color: #82DACA;
}

.personal .pt-footer:after {
  border-top-color: #FFFFFF;
}

.theme-color .title,
.theme-color .pt-footer {
  border-bottom: 0px;
}

.theme-color .content {
  background-color: rgba(8, 146, 208, 0.8);
}
/* HOVER COLOR CHANGE */

.pricelist:hover .pt-footer a,
.pricelist:hover .content,
.pricelist:hover .pt-footer {
  color: #ffffff;
  transition: 2s;
}
/*======================================= 13.SECTION : PRICE TABLE STYLE START ===============================================================*/
/*======================================= 14.SECTION : DOWNLOAD STYLE START ===============================================================*/

.dwnld-tdy {
  background-image: url('../images/bg-img2.jpg');
}

.dwnld-tdy .btn-default {
  padding: 0px 0px 0px 15px;
  margin-top: 30px;
}

.dwnld-tdy i {
  background-color: #0a7eb2;
  font-size: 23px;
  margin-left: 10px;
  padding: 15px;
}
/*======================================= 14.SECTION : DOWNLOAD STYLE END ===============================================================*/
/*======================================= 15.SECTION : TEAM STYLE START ===============================================================*/

.our-team p {
  padding: 0px 15px;
}

.team-profile {
  padding-top: 90px;
  position: relative;
}
/*======================================= 15.SECTION : TEAM STYLE END ===============================================================*/
/*======================================= 16.SECTION : SKILL STYLE START ===============================================================*/

.skillbar {
  background: #cccccc;
  border-radius: 3px;
  display: block;
  height: 5px;
  margin-bottom: 15px;
  margin-top: 50px;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -ms-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -ms-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  width: 100%;
}

.skillbar-bar {
  background: #6adcfa;
  border-radius: 3px;
  height: 6px;
  margin-top: 9px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  width: 0px;
}

.skill-bar-percent {
  color: #ffffff;
  color: rgba(0, 0, 0, 0.4);
  font-size: 11px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 10px;
  top: -30px;
}

.skillbar h5 {
  letter-spacing: 0.5px;
  margin-top: -25px;
}
/*======================================= 16.SECTION : SKILL STYLE END ===============================================================*/
/*======================================= 17.SECTION : VIDEO BG STYLE START ===============================================================*/

.video-section,
.newsletter p,
.contact {
  padding-top: 20px;
}

.twt-bg {
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 18px;
}

.video-frame {
  border: none;
  height: 100% !important;
  width: 100% !important;
}
/*======================================= 17.SECTION : VIDEO BG STYLE END ===============================================================*/
/*======================================= 18.SECTION : FAQ STYLE START ===============================================================*/

.faq {
  padding-bottom: 50px;
}

.faq-info-withbg h4,
.faq-info h4 {
  font-family: 'Lato', sans-serif;
  font-weight: bold;
  letter-spacing: 0.5px;
  line-height: 30px;
}

.faq-info-withbg i,
.faq-info i {
  font-size: 30px;
  margin-right: 10px;
}

.faq-info-withbg p,
.faq-info p {
  margin-top: 10px;
}

.faq-info,
.faq-info-withbg {
  padding: 15px;
  margin-bottom: 30px;
}

.faq-info p {
  color: #6e6e6e;
}

.faq-info,
.faq-info-withbg {
  box-shadow: 0;
  transition: box-shadow .55s;
}

.faq-info:hover,
.faq-info-withbg:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  transition: box-shadow .45s;
}
/*======================================= 18.SECTION : FAQ STYLE END ===============================================================*/
/*======================================= 19.SECTION : NEWSLETTER STYLE START ===============================================================*/

.newsletter p {
  font-weight: 300;
}

.newsletter .form-group .form-control {
  border-radius: 4px 0px 0px 4px;
  height: 50px;
  margin-bottom: 12px;
  position: relative;
  text-indent: 35px;
}

.newsletter form {
  padding: 30px 20px 0px 20px !important;
}

.newsletter .form-group i {
  color: #cccccc;
  left: 35px;
  position: absolute;
  top: 14px;
}

.newsletter .btn-default {
  border-radius: 0px 4px 4px 0px;
  padding: 12px;
  position: relative;
}

.newsletter .form-group {
  padding-right: 0px;
}

.newsletter .btn-left {
  left: -9px;
  position: absolute;
  top: 12px;
}

.newsletter .form-group span {
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 20px;
}
/* Subscribe error msg */

#mc_embed_signup {
  clear: left;
  font: 14px Lato, Arial, sans-serif;
}

#mc-embedded-subscribe {
  margin: 0 0 0em 0 !important;
}

#ResultMsg {
  margin-bottom: 10px;
  margin-top: 20px;
  text-align: center;
}

#SuccessMsg {
  color: Green;
  font-weight: bold;
  font-size: 16px;
  display: none;
}

#FailureMsg {
  color: red;
  font-weight: bold;
  font-size: 16px;
  display: none;
}

#messageDiv {
  margin-top: 20px;
}

#sucessMessage {
  color: Green;
  font-weight: bold;
  font-size: 16px;
  display: none;
}

#failMessage {
  color: red;
  font-weight: bold;
  font-size: 16px;
  display: none;
}

.place_error::-webkit-input-placeholder {
  color: red;
  text-transform: none;
}

.place_error::-moz-placeholder {
  color: red;
  text-transform: none;
}

.place_error:-moz-placeholder {
  color: red;
  text-transform: none;
}

.place_error:-ms-input-placeholder {
  color: red;
  text-transform: none;
}

.errorClass {
  border: 1px solid red !important;
  box-shadow: 0px 0px 4px rgba(255, 80, 80, 0.3) !important;
}
/*======================================= 19.SECTION : NEWSLETTER STYLE END ===============================================================*/
/*======================================= 20.SECTION : FOOTER START ===============================================================*/

.contact-info li:first-child {
  padding-top: 15px;
}

.contact-info li i {
  margin-right: 10px;
}

.contact-info li img {
  margin-right: 5px;
}

footer {
  background-color: #000000;
  padding: 23px;
}

footer p {
  letter-spacing: 0.5px;
  padding-top: 15px;
}

footer .footer-social .social-media {
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin-left: 20px;
  padding-top: 5px;
  width: 40px;
}

footer .footer-social .social-media a {
  font-size: 19px;
}

footer .footer-social .social-media:hover {
  transition: 1.5s;
}

.contact-info > li {
  letter-spacing: 0.5px;
}
/*======================================= 20.SECTION : FOOTER END ====================================================================*/
/*======================================= 21.SECTION : CAROUSEL SLIDER STYLE START ===============================================================*/

.carousel-control.left,
.carousel-control.right {
  display: none;
}

.carousel-indicators li {
  border-radius: 3px;
}

.carousel-indicators {
  bottom: -40px;
}
/*======================================= 21.SECTION : CAROUSEL SLIDER STYLE END ===============================================================*/
/*======================================= 22.SECTION : MEDIA QUERIES START ===============================================================*/

@media only screen and (min-width: 250px) and (max-width: 1199px) {
  #owl-demo .item img {
    width: 100%;
  }

  .buynow {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 992px) {
  .navbar-nav > li > a {
    margin: 0px 9px !important;
  }

  .two-col-img .img-content {
    padding-top: 0px;
    padding-bottom: 30px;
  }

  .newsletter .btn-default {
    font-size: 16px;
    padding: 14px;
  }

  .newsletter form {
    padding: 30px 0px 10px 0px !important;
  }

  .res-fluid {
    width: 100%;
  }

  .content {
    padding-left: 20px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 991px) {
  .top-align {
    margin-top: 50px;
  }

  .team-profile {
    padding-top: 105px;
  }

  .img-content {
    margin-top: 40px;
  }

  .skills-vid {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 767px) {
  .feature-content,
    .skills-vid,
    .count-top-align {
    margin-top: 40px;
  }

  .topres,
    .counter_number {
    margin-top: 0px;
  }

  .team-img-topspace {
    margin-top: 25px;
  }

  .newsletter .btn-default,
    .team-profile figure img {
    margin-top: 20px;
  }

  .newsletter .form-group {
    margin: 0px 30px;
  }

  .newsletter .btn-default,
    .newsletter .form-group .form-control {
    float: none;
    border-radius: 4px;
  }

  .newsletter .btn-left {
    display: none;
  }

  .navbar-default .navbar-nav > li > a,
    .points-content,
    .two-col-img p {
    padding: 0px;
  }

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

  .navbar-default .navbar-toggle .icon-bar {
    border-color: #0892d0;
    background-color: #0892d0;
  }

  .team-profile {
    padding-top: 50px;
  }

  .picture-item.col-sm-4.shuffle-item.filtered {
    width: 100%;
  }

  .features .content-space,
    .newsletter form {
    padding-bottom: 0px;
  }

  .slide {
    margin-bottom: 70px;
  }

  .video-section,
    .newsletter p,
    .contact {
    padding-top: 0px;
  }

  .price-table-fluid {
    margin: 0px auto;
    width: 320px;
  }

  .navbar {
    min-height: 80px;
  }

  .navbar-toggle {
    margin-top: 26px;
  }

  .form-group.mailbox-btm-space {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 480px) {
  .faq-info,
    .faq-info-withbg,
    .footer-social,
    footer p {
    width: 100%;
  }

  footer {
    padding: 60px 0px 30px 0px;
  }

  .footer-social {
    margin-top: -75px;
    padding-left: 0px;
    text-align: center;
  }

  footer .footer-social .social-media {
    margin-left: 8px;
  }

  footer p {
    margin-bottom: 0px;
    text-align: center;
  }

  .faq-no-btm-space {
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 250px) and (max-width: 460px) {
  .team-profile figure {
    width: 100% !important;
  }

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

@media only screen and (min-width: 250px) and (max-width: 400px) {
  .price-table-fluid {
    width: 100%;
  }

  .counter_likes {
    font-size: 12px;
  }

  .col-xs-6.col-sm-3.count-top-align {
    padding: 0;
  }
}

@media only screen and (min-width: 250px) and (max-width: 380px) {
  .newsletter .form-group {
    margin: 0px 20px;
  }
}