/* Hi-res laptops and desktops */
@media (min-width: 1170px) and (max-width: 1600px) {
.container{width:1140px}
/* ==== Slider ==== */
.slide-item .slide-image2 img {padding: 62px 0;}
/* ==== Page Header ==== */
.page-header {min-height: 200px;}
.page-header h2.page-title {padding-top: 65px;}
.breadcrumbs {padding: 50px 0 0;}
.single-portfolio .portfolio-content {padding: 36px 28px;}
.portfolio-inner {padding: 25px 30px 0;}
/* ==== Award Area==== */
.award-wrap .arrow-prev{left:0;}
.award-wrap .arrow-next{right:0;}

}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.container{width:960px}	
.slide-content { padding: 116px 0;}
/* ====Header Area==== */
.top-social ul.social-links {margin-right: 0;}
.top-social .social-links li a {margin-right: 2px;}
/* ==== Page Header ==== */
.page-header {min-height: 190px;}
.page-header h2.page-title {padding-top: 65px;}
.breadcrumbs {padding: 50px 0 0;}
/* ==== Award Area==== */
.award-wrap .arrow-prev{left:0;}
.award-wrap .arrow-next{right:0;}
/* ====Portfolio Area==== */
.single-portfolio .portfolio-content::before {bottom: 6%;left: 5%;right: 5%;top: 6%;}
.single-portfolio .portfolio-content {padding: 20px 18px;}
.portfolio-inner {padding: 10px 12px 0;}
.portfolio-content > h5 {margin-bottom: 5px;}
/* ====Progressbar==== */
.skills .jqbar.vertical {margin-left: 55px;}
/* ====Team Member Area==== */
.our-team .title:before, .our-team .title:after {height: 130px;top: -100px;} 
.skills .jqbar.vertical .bar-level-wrapper {width: 30px !important;}
.skills .jqbar.vertical .bar-percent {font-size: 14px;}
.our-team .title:before{left: 25%;}
.our-team .title:after{right: 25%;}	
/* Brand Lolgo */
.brand-logos .arrow-prev {left: -20px;}
.brand-logos .arrow-next {right: -20px;}

}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.container{width:740px}	
/* ====Header Area==== */
.logo {margin-left: 0;padding: 20px 0;text-align: center;}
.top-contact {padding: 15px 0;}
.top-contact ul{text-align:left;}
.top-contact li {margin-right: 50px;}
.contact-text span {font-size: 13px;left: 6px;}
.mean-container a.meanmenu-reveal {float: left;margin: 15px;}
.top-social ul.social-links {margin-right: 0;padding: 17px 0 20px;}
/* ==== Page Header ==== */
.page-header {min-height: 180px;}
.page-header h2.page-title {padding-top: 50px;}
.breadcrumbs {padding: 50px 0 0;}
/* ==== Slider Area==== */
.slide-content {padding: 70px 35px;text-align: center;}
.arrow-circle .slick-arrow {font-size: 32px;height: 42px;line-height: 42px;width: 42px;}
/* ==== Skill Area==== */
.skills-content {margin-bottom: 80px;}
.skills .jqbar.vertical {margin: 0 45px;}
/* ==== welcome Area==== */
.overlay-caption {bottom: -55px;height: 55px;}
/* ==== Callto Action Area==== */
.callto-action-area .callto-content {padding: 0;}
/* ====Team Member Area==== */
.our-team{ margin-bottom: 30px; }
.our-team .team-content:before,
.our-team .team-content:after{height: 50px;top: -24px;}
.our-team .title::before, .our-team .title::after {height: 215px;top: -150px;}
.our-team .title:before{left: 25%;}
.our-team .title:after{right: 25%;}
/* ==== Award Area==== */
.award-wrap .arrow-prev{left:0;}
.award-wrap .arrow-next{right:0;}
/* ====Portfolio Area==== */
.single-portfolio .portfolio-content {padding: 70px 40px;}
.portfolio-inner {padding: 0 15px;}
/* ====Brands Area==== */
.brand-logos .arrow-prev{left:-15px;}
.brand-logos .arrow-next{right:-15px;}
/* ====Pricing Table Area==== */
.plan-head > h4 {margin-bottom: 15px;}
.plan-hand {padding-left: 0;width: 20%;}
.plan-body {float: none;margin-bottom: 50px;padding-left: 26px;width: 80%;}
.plan-footer {padding-left: 94px;}
.single-plan:hover .plan-hand {padding-left: 5px;}
/* ==== Blog Area==== */
.single-post {padding: 20px 15px;}
.pagination {margin: 25px 0 44px;}

}

/* small mobile :320px. */
@media (max-width: 767px) {.container {width:300px}
/* Section Title */
.section-title > h5 {font-size: 18px;}
/* ====Header  Area==== */
.logo {margin-left: 0;padding: 23px 0 27px;}
.top-social ul.social-links {margin: 0;padding: 25px 0;}
.icon {display: none;}
.social-links.social-sm.btn-circle.pull-right {float: right;text-align: center;}
.mean-container a.meanmenu-reveal {float: left;margin: 15px;}
.top-search input[type="text"] { width: 170px;}
/* ==== Page Header ==== */
.page-header {min-height: 120px;}
.page-header h2.page-title {padding-top: 20px;}
.breadcrumbs {padding: 20px 0 0;}
.breadcrumbs li {font-size: 14px;}
/* ==== Slider  Area==== */
.slide-item {background-position: center top;}
.slide-content {padding: 35px 0;text-align: center;}
.hero-slider .slide-content h1, 
.hero-slider .slide-content h1 span {font-size: 24px;line-height: 32px;}
.hero-slider .slide-content h3 {font-size: 18px;}
.hero-slider .slide-content p {display: none;}
.slide-arrow-2 .slick-arrow {font-size: 24px;height: 32px;line-height: 30px;width: 32px;}
.arrow-circle .slick-arrow {font-size: 24px;height: 32px;line-height: 32px;width: 32px;}
/* ====Welcome  Area==== */
.welcome-right-content > p {line-height: 20px;padding: 10px 15px;}
.overlay-caption {display: none;}
/* ====Service  Area==== */
.single-service {padding: 35px 15px 30px;}
/* ==== Award Area==== */
.award-wrap .arrow-prev{left:0;}
.award-wrap .arrow-next{right:0;}
/* ====Portfolio  Area==== */
.single-portfolio .portfolio-content {padding: 30px 25px;}
.portfolio-inner {padding: 5px 5px 0;}
.single-portfolio .portfolio-content::before {left: 5%;right: 5%;top: 5%;bottom:5%;}
/* ==== Callto Action Area==== */
.callto-action-area .callto-content {padding: 0;}
/* ====Team Member Area==== */
.our-team .team-content:before,
.our-team .team-content:after{height: 75px;}
.our-team .team-content:before{transform: rotate(8deg);}
.our-team .team-content:after{transform: rotate(-8deg);}
.our-team .title::before, .our-team .title::after {height: 230px;top: -152px;width: 10px;}
.our-team .title::before {left: 25%;transform: rotate(-82deg);}
.our-team .title::after {right: 25%;transform: rotate(82deg);}
/* Brand Logo */
.brand-logos .arrow-prev {left: -15px;}
.brand-logos .arrow-next {right: -15px;}
/* ====Blog Area==== */
.single-post {padding: 20px 12px;}
ul.comments-list li.single-comment:nth-child(2n) {margin-left: 0;}
.pagination {margin: 25px 0 35px;}
/* ====Pricing Table Area==== */
.plan-head > h4 {margin-bottom: 15px;}
.plan-hand {display: none !important;}
.plan-body {float: none;padding-left: 0;width: 100%;}
.plan-content {margin-bottom: 55px;}
.plan-footer {width: 50%;}
/* ====Contact Page==== */
.half-field, .half-field-last {width: 100%;}
/* ====Progressbar==== */
.skills-content {margin-bottom: 65px;}
.skills .jqbar.vertical {display: inline-block;margin-left: 40px;position: relative;}
.skills .jqbar.vertical:first-child {margin: 0;}
.skills .jqbar.vertical .bar-level-wrapper {width: 14px !important;}
.skills .jqbar.vertical span.bar-label {bottom: 0;font-size: 14px;left: -25px;}
.skills .jqbar.vertical .bar-percent {font-size: 15px;margin-left: -5px;}
/* ==== Footer Area==== */
.copyright-text {margin-bottom: 20px;text-align: center;}
.footer-menu > ul {float: none;text-align: center;}
.footer-menu > ul li{margin-bottom:10px;}
.footer-menu ul li a {padding: 20px 10px;}

}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}	
/* Header Area */
.top-search input[type="text"] {width: 205px;}
/* ==== Page Header ==== */
.page-header {min-height: 160px;}
.page-header h2.page-title {padding-top: 50px;}
.breadcrumbs {padding: 40px 0 0;}
.breadcrumbs li {font-size: 14px;}
/* ====Portfolio Area==== */
.single-portfolio .portfolio-content {padding: 100px 40px;}
.portfolio-inner {padding: 0 15px;}
/* ====Progressbar ==== */
.skills .jqbar.vertical {margin-left: 60px;}
.skills .jqbar.vertical .bar-level-wrapper {width: 30px !important;}
.skills .jqbar.vertical .bar-percent {margin-left: 0;}
/* ==== Callto Action Area==== */
.callto-action-area .callto-content {padding: 0;}
/* ====Team Member Area==== */	
.our-team .title:before, .our-team .title:after {height: 430px;top: -256px;}
.our-team .title:before {left: 20%;}
.our-team .title:after {right: 20%;}
/* ====Blog Area==== */	
.single-post .post-thumbnail img {width: 100%;}
/* ====widget Area==== */	
.widget.about-widget ul li {display: block;}
.widget.about-widget ul li i {position: static;}

}