/**
QUERCUS Html5 Template
Author: TreeWorks
- CSS FOR RESPONSIVE ADJUSTS
**/
@media (min-width:990px) and (max-width:1199px){
.social{margin: 0px 34px 25px 0;}
.border-box{padding: 6px;}
.parallax-content{padding: 50px 0;}
.team-image {height: 310px;}
.left-slider .proj-tags{margin-bottom: 0;}
.left-slider h1.title-open-proj {margin-top: 20px;font-size: 1.6em;line-height: 0em;}
.project-description, .project-details {top: -20px;position: relative;}
.carousel-item .cbp-caption {height: 220px;width: 100%;}
#featured-projects{left: 0;}
.cbp-l-grid-fullScreen .cbp-item {width: 350px;height: 233px;}
}
@media (min-width:978px) and (max-width:1059px){
.team-image {height: 245px;}
.left-slider .proj-tags{margin-bottom: 0;}
.left-slider h1.title-open-proj {margin-top: 20px;font-size: 1.6em;line-height: 0em;}
.project-description, .project-details {top: -20px;position: relative;}
.carousel-item .cbp-caption {height: 180px;width: 100%;}
.hi-icon{margin: 0px 10px 25px 10px;}
.t-author{left: 10px;}
.left-slider h1.title-open-proj{font-size: 1.6em;}
#parallax-4.parallax .parallax-content {padding: 35px 0;}
.twitter-slider {width: 70%;}
.small-pwide {width: 80%;}
.cbp-l-grid-fullScreen .cbp-item {width: 350px;height: 233px;}
}
/* IPAD PORTRAIT */
@media (min-width:768px) and (max-width:979px){
p.home-slide-content{font-size: 4.5em !important;}
h5{line-height: 1.2;}
.navbar-default.default .navbar-nav > li > a{margin: 2px 8px 0 8px;}
.appdesign .app-service .icon-container{min-height: 180px;}
#featured-projects .owl-buttons{top: -65px;}
.navbar-default.default .navbar-nav>li>a:after {margin-left: 7px;}
#testimonials-slider{width: 100%;position: relative;top: -13px;}
.parallax-content{padding: 80px 0;}
.section-title {margin-bottom: 30px;}
#parallax-3 .parallax-content {padding: 90px 0;}
#services .service h5 {font-size: 15px;}
#services .service h5,#services .service p {text-align: center !important;}
.service {width: 100%;}
.flexslider:hover .flex-prev, .flexslider .flex-prev{left: -15px;}
.flexslider:hover .flex-next, .flexslider .flex-next{right: -15px;}
.cbp-filter-counter {display: none;}
.team-image {height: 245px;}
.left-slider .proj-tags{margin-bottom: 0;}
.left-slider h1.title-open-proj {margin-top: 20px;font-size: 1.6em;line-height: 0em;}
.project-description, .project-details {top: -20px;position: relative;}
.carousel-item .cbp-caption {height: 180px;width: 100%;}
.hi-icon{margin: 0px 10px 25px 10px;}
.t-author{margin: 0;left: 10px;top: 0;}
.testimonials-slide-content .t-author p{font-size: 1em;}
.left-slider h1.title-open-proj{font-size: 1.6em;line-height: 1em;}
#parallax-4.parallax .parallax-content {padding: 35px 0;}
.twitter-slider {width: 70%;}
.small-pwide {width: 80%;}
.tp-caption .text_color b{font-size: 14px !important;}
#featured-projects{left: 0;}
}
/* IPNONE LANDSCAPE */
@media (max-width:767px){
.logo{margin: 30px 0 0 10px;}
.navbar-shrink .logo{margin: 20px 0 0 20px;}
.small-pwide{width: 80%;}
.parallax {height: 500px;}
p.home-slide-content{font-size: 3.5em !important;}
.navbar-default .navbar-nav > li > a{color: #282829;}
.navbar-default .container > .navbar-collapse{margin-left: 0;margin-right: -1px;}
.navbar-shrink.navbar-default .container > .navbar-collapse{margin-left: 20px;margin-right: 14px;top: -12px;
position: relative;}
.home-center-contents h2, .home-center-contents h2.morebig{font-size: 2.9em;}
.home-center-contents h2.popup{padding: 0 11px;}
.numerical-c{margin-top: 10px !important;}
.testimonials-slide-content .text-container {width: 100%;}
#testimonials-slider{margin-top: 0px;margin-bottom: 80px;width: 98%;}
#parallax-1 .section-title{margin-top: 20px;}
.numerical-c{margin-top: 10px !important;}
.pagetitle{width: 88%;}
.h2,h2 {font-size: 24px;}
h5{font-size: 15px;}
.navbar-nav {margin: 4.5px -15px;background: #fff;}
.navbar-nav li a {padding: 20px;}
.navbar-shrink img {max-width: 100%;}
.navbar-toggle {margin-top: 22px !important;}
.navbar-shrink {height: 80px !important;}
.navbar-shrink .navbar-brand {line-height: 73px;}
.dropdown-menu li a{-webkit-transition: none !important;-moz-transition: none !important;transition: none !important;}
.navbar-default.default .navbar-nav>li>a:after {content: '';}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {color: #555;background-color: #e7e7e7;}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {color: #ccc;background-color: transparent;}
.parallax {height: 600px;}
.parallax-content {padding: 20px 0;}
.center-icon {margin-top: 40px;}
.navbar-default .navbar-nav>li>a {padding: 11px 20px;}
a.p-button {float: none;display: inline-block;}
.navbar-nav .collapsible .sub-arrow,.navbar-nav .sub-arrow {display: block;}
.navbar .navbar-collapse .navbar-nav>li>a,.navbar-shrink .navbar-collapse .navbar-nav>li>a {line-height: 40px !important;}
.navbar-nav {border: 1px solid #f2f2f2;-webkit-box-shadow: 0 1px 6px 0 rgba(68,68,68,.07);box-shadow: 0 1px 2px 0 rgba(68,68,68,.07);}
.dark .navbar-nav {border: 1px solid #1F1F1F;-webkit-box-shadow: 0 1px 6px 0 rgba(68,68,68,.07);box-shadow: 0 1px 2px 0 rgba(68,68,68,.07);background-color: #161616;}
.navbar-nav li a {border-bottom: 1px solid #f2f2f2;}
.dark .navbar-nav li a {border-bottom: 1px solid #1F1F1F;background-color: #161616;}
#parallax-3 .parallax-content {padding: 20px 0;}
.section-title {margin-bottom: 30px;}
.divider.colored {margin: 25px auto;}
#services .service h5,#services .service p {text-align: center !important;}
.service {width: 100%;}
.nav-container {margin: 0 15px 0 20px;}
.next-section{bottom: 60px;}
.cbp-l-inline-left {float: left;width: 100%;margin: 40px 0;}
.cbp-popup-singlePageInline .cbp-popup-close{right: 30px;}
.cbp-l-inline-right {float: right;width: 100%;padding-left: 0;}
.team-image {height: 260px;}
.team-div{margin-bottom: 40px;}
.left-slider .proj-tags{margin-bottom: 0;}
.left-slider h1.title-open-proj {margin-top: 20px;font-size: 1.6em;line-height: 0em;}
.project-description, .project-details {top: -20px;position: relative;}
.carousel-item .cbp-caption {height: 180px;width: 100%;}
.hi-icon{margin: 0px 50px 95px 50px;}
.left-slider h1.title-open-proj{font-size: 1.6em;line-height: 1em;}
#parallax-4.parallax .parallax-content {padding: 60px 0;}
.twitter-slider {width: 70%;}
.small-pwide {width: 80%;}
.tp-caption .text_color b{font-size: 14px !important;}
.navbar-default .navbar-nav > li > a::before{display: none;}
#featured-projects{left: 0;}
.navbar-shrink .logo{margin: 13px 0 0 30px;}
#parallax-1.parallax {height: 450px;}
#services .parallax {height: 900px;}
.project-info{margin:0;}
.project-media{margin-bottom: 60px;}
#parallax-4 .owl-theme .owl-controls .owl-buttons .owl-next{right: -50px;top: -10px;}
#parallax-4 .owl-theme .owl-controls .owl-buttons .owl-prev{left: -50px;top: -10px;}
.logobig{position: relative;top: -20px;}
#home h4{font-size:12px;}
#parallax-home .logobig{position: relative;top: 10px;}
.tooltip-content{min-width: 200px;margin-left: -100px;}
.tooltip-content ul li i{font-size: 1.2em;}
#option_wrapper, .option_btn{display: none;}
.parallax .parallax-content {padding: 60px 0;}
#featured-projects.owl-theme .owl-controls {top: -40px;}
}
/* IPNONE PORTRAIT */
@media (max-width:480px){
.appdesign .app-service .icon-container{
display: none;
}
.tp-caption img{
margin-top: -70px;
}
.logo{margin: 30px 0 0 10px;}
.navbar-shrink .logo{margin: 20px 0 0 20px;}
.small-pwide {width: 80%;}
.parallax {height: 500px;}
.social-font-awesome li{margin-right: 10px;}
.socialdiv ul li, .socialdiv.colored ul li{margin: 2px;}
.cbp-l-filters-alignCenter .cbp-filter-counter{display: none;}
p.home-slide-content{font-size: 2em !important;}
.home-center-contents h1.h-slider{font-size: 1.4em;}
#text-slider.flexslider{margin: 0px auto;}
.navbar-default .navbar-nav > li > a{color: #282829;}
.navbar-default .container > .navbar-collapse{margin-left: -15px;margin-right: -1px;}
.navbar-shrink.navbar-default .container > .navbar-collapse{margin-left: 10px;/* margin-right: 14px; */margin-top: 17px;}
.home-center-contents h2, .home-center-contents h2.morebig{font-size: 2.5em;}
.home-center-contents h2.morebig{font-size: 2.6em;}
.home-center-contents h2.popup{padding: 0 11px;}
#parallax-1 .section-title{margin-top: 20px;}
.numerical-c{margin-top: 10px !important;}
.pagetitle{width: 88%;}
#testimonials .testimonial{padding: 0 0 30px;}
.twitter-slider {width: 85%;}
#twitter-feed .flex-control-nav {bottom: 10px;}
.tp-banner-container .des-button-white{padding: 10px 18px;font-size: 12px;}
#home-fsslider a.go-about{bottom: -10px;font-size: 10px;}
.tp-leftarrow.default{left: 10px !important;}
.tp-rightarrow.default{right: 10px !important;}
.col-md-6 {margin-bottom: 20px;}
.navbar-default.default .navbar-nav>li>a:after {content: '';}
.dropdown-menu li a{-webkit-transition: none !important;-moz-transition: none !important;transition: none !important;}
.navbar-nav .collapsible .sub-arrow,.navbar-nav .sub-arrow {display: block;}
.navbar .navbar-collapse .navbar-nav>li>a,.navbar-shrink .navbar-collapse .navbar-nav>li>a {line-height: 40px !important;}
.navbar-nav {border: 1px solid #f2f2f2;-webkit-box-shadow: 0 1px 6px 0 rgba(68,68,68,.07);box-shadow: 0 1px 2px 0 rgba(68,68,68,.07);width: 316px;}
.navbar-nav li a {border-bottom: 1px solid #f2f2f2;}
#parallax-3 .parallax-content {padding: 90px 0;}
.section-title{margin-bottom: 20px;}
.divider.colored {margin: 25px auto;}
.parallax-content {padding: 20px 0;}
#services .service h5,#services .service p {text-align: center !important;}
.service {width: 100%;text-align: center !important;}
.filter li {margin-bottom: 20px;}
.navbar-nav .sub-arrow {top: 2px !important;right: 0 !important;}
.nav-container {margin: 0 15px 0 20px;}
#text-slider .flex-control-nav{top: -30px !important;}
.next-section{bottom: 120px;}
.tp-caption h4, .tp-caption h3{font-size: 7px !important;margin-top: 8px !important;}
.tooltip-content h5{font-size: 13px;}
.cbp-l-inline-left {float: left;width: 100%;margin: 40px 0;}
.cbp-popup-singlePageInline .cbp-popup-close{right: 30px;}
.cbp-l-inline-right {float: right;width: 100%;padding-left: 0;}
.demo-juicy-projects .cbp-l-grid-projects-title, .demo-juicy-projects .cbp-l-grid-projects-desc{width: 88%;}
#text-slider.flexslider{top: -30px;}
.team-image {height: 200px;}
.team-div{margin-bottom: 40px;}
.left-slider .proj-tags{margin-bottom: 0;}
.left-slider h1.title-open-proj {margin-top: 20px;font-size: 1.6em;line-height: 0em;}
.project-description, .project-details {top: -20px;position: relative;}
.carousel-item .cbp-caption {height: 300px;width: 100%;}
.hi-icon{margin: 0px 20px 95px 20px;}
.t-author{left: 10px;}
.left-slider h1.title-open-proj{font-size: 1.6em;line-height: 1em;}
#parallax-4.parallax .parallax-content {padding: 60px 0;}
.twitter-slider {width: 90%;}
.small-pwide {width: 85%;}
.tp-caption .text_color b{font-size: 7px !important;}
.navbar-default .navbar-nav > li > a::before{display: none;}
#featured-projects{left: 0;}
.navbar-shrink .logo{margin: 13px 0 0 30px;}
#parallax-1.parallax {height: 450px;}
#services .parallax {height: 1100px;}
.cbp-l-filters-alignCenter .cbp-filter-item{margin: -10px 0 0 -20px;}
.cbp-l-filters-alignCenter{margin: 0 auto 30px;left: 10px;position: relative;}
.project-info{margin:0;}
.project-media{margin-bottom: 60px;}
.left-slider .project-media{margin-bottom: 0;}
h1.title-open-proj {font-size: 1.8em;}
.o-contacts{margin: 40px 0;}
.logobig{position: relative;top: -30px;}
#parallax-home .logobig{position: relative;top: 10px;}
.tp-caption.large_bold_white_25, .tp-caption.large_bold_white_25 span{font-size: 24px !important;}
#video .small-pwide {width: 87%;}
.tp-caption.large_text, .tp-caption.large_text span, .tp-caption.large_text span b, .tp-caption.large_text b{font-size: 9px !important;margin-top: 3px !important;}
#featured-projects .owl-buttons{top:-55px;}
.testimonials-slide-content.container{width: 100% !important;}
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-prev:hover, .flexslider:hover .flex-prev{opacity: 1;left: -30px;}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-next:hover, .flexslider:hover .flex-next{opacity: 1;right: -30px;}
#home h4{font-size:12px;}
.tooltip-content{min-width: 200px;margin-left: -100px;}
.tooltip-content ul li i{font-size: 1.2em;}
.bt-slider-top{margin-left: 40px;}
.bt-slider-bottom{margin-left: -35px;margin-top: 55px;}
#option_wrapper, .option_btn{display: none;}
#featured-projects.owl-theme .owl-controls {top: -40px;}
}