/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Responsive Stylesheet
Project:    Vesto-Minimal Portfolio Template
Author:     Syed Mehdi Hasan
Author URI: http://hmehdi.com/
 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ Table of contents +++++++++
		1. Desktop
		2. Tablet Landscape
		3. Tablet Portrait
		4. Phone
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* -------------------------------
   desktop
   ------------------------------- */
@media screen and (max-width: 1199px) {
.nav > li > a {
	font-size: 11px;	
    padding: 0px 12px;
}
.dropdown-menu	li > a {
    font-size: 10px;
} 
.banner-text h5 {
    font-size: 24px;
    line-height: 40px;
} 
.slider-wrapper .slider-text {
    padding: 0px 8%;
}
.slider-wrapper .slider-text h4 {
    line-height: 40px;
}
.slider-wrapper .slider-text h5 {
    font-size: 24px;
	line-height: 30px;
}
}
/* -------------------------------
   Tablet Landscape
   ------------------------------- */
@media screen and (max-width: 992px) {
.single-contact-information {
    padding-left: 4%;
}
.nav > li > a {
	font-size: 10px;
	letter-spacing: 1px;	
    padding: 0px 8px;
}
.dropdown-menu	li > a {
    font-size: 10px;
}
.banner-text h5 {
    font-size: 24px;
    line-height: 40px;
}
.single-features h6 {
    font-size: 14px;
    letter-spacing: 2px;
}
.slider-wrapper .slider-text h4 {
    font-size: 30px;
    line-height: 40px;
}
.slider-wrapper .slider-text h5 {
    font-size: 20px;
	line-height: 30px;
}
.slider-wrapper .slider-text {
    padding: 0px 8%;
}	
}
@media screen and (max-width: 800px) {
.nav > li > a {
	font-size: 10px;
    letter-spacing: 1px;	
    padding: 0px 7px;
}
}  
/* -------------------------------
   Tablet Portrait
   ------------------------------- */
@media screen and (max-width: 767px) {
.menu-area {
    margin-top: -58px;
}   
.logo-area {
    position: relative;
    z-index: 99;
}
.navbar-default .navbar-toggle {
    position: relative;
    z-index: 99;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: rgba(27, 27, 27,.8);
} 
.navbar-nav > li > a:hover::before {
    transform: scaleX(0);
}
.navbar-nav > li > a {
    padding-top: 14px;
}
.dropdown-menu	li > a {
    padding-left: 34px !important;
}
.banner-text {
    -webkit-transform: translateY(34vh);
    -moz-transform: translateY(34vh);
    -ms-transform: translateY(34vh);
    -o-transform: translateY(34vh);
    transform: translateY(34vh);
}
.banner-text h4 {
    font-size: 30px;
    line-height: 40px;
}
.banner-text h5 {
    font-size: 13px;
    line-height: 22px;
	margin-top: 6px;
}
.about-section-contents {
    text-align: center;
}
.about-us-contents h5 {
    font-size: 20px;
    line-height: 34px;
	text-align:center
}
.about-us-contents h5:before {
    left: 40%;
}
.about-us-contents p {
    font-size: 14px;
    line-height: 24px;
}

.call-contents h6 {
    line-height: 28px;
}
.text-title h5 {
    font-size: 20px;
}
.text-title p {
    margin-top: 20px;
	padding: 0px 4%;
}
.single-fun-fact {
    padding: 40px 0px;
}
ul.filters li {
    padding: 0px 4px;
    line-height: 34px;
}
li.filter a {
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: 400;
}
.progress {
    width: 100%;
}
.single-skill h6 {
    text-align: center;
}
.testimonial-contents .item {
    padding: 0% 0%;
}
.subscribe-contents h6 {
    font-size: 16px;
    line-height: 28px;
}
.subscribe-contents input.subs-textbox {
    width: 250px;
}
.single-contact-information {
    padding-left: 10%;
    margin-bottom: 40px;
}
.header-contact ul li:before {
    top: 10px;
    left: 14px;
    font-size: 14px;
}
.header-contact ul li a {
    font-size: 10px;
	padding-top: 10px;
}
.header-contact ul li {
    padding-left: 30px;
}
.coming-soon-text h4 {
    font-size: 26px;
    letter-spacing: 5px;
	line-height:30px;
}
.under-construction-text h4 {
    font-size: 26px;
    letter-spacing: 5px;
	line-height:30px;
}
.under-construction-text p {
    font-size: 16px;
	line-height:30px;
}
.slider-wrapper .slider-text h4 {
    font-size: 16px;
    line-height: 40px;
}
.slider-wrapper .slider-text h5 {
    font-size: 9px;
    line-height: 20px;
	margin-top: 8px;
}
.slider-wrapper .slider-text {
    padding: 0px 12%;
	padding-right: 15%;
}
.slider-wrapper .owl-prev {
    margin-left: 5px !important;
}
.slider-wrapper .owl-next {
    margin-right: 5px !important;
}
.slider-wrapper .slider-text a.view-link {
    padding: 7px 50px;
    font-size: 10px;
}
}
@media (min-width: 481px) and (max-width: 767px) {
.slider-wrapper .owl-dots {
    bottom: 10px;
}	
}
/* -------------------------------
   Phone
   ------------------------------- */
@media screen and (max-width: 479px) {
.banner-text h4 {
    font-size: 24px;
    line-height: 40px;
}
.banner-text h5 {
    font-size: 12px;
    line-height: 22px;
	margin-top: 8px;
}
.about-us-contents-img:before {
    width: 90%;
    height: 82%;
    top: 14px;
    left: 14px;
}
.subscribe-contents input.subs-button {
    margin-top: 11px;
    display: inline-block;
}
.footer-menu ul li {
    padding: 0px 10px;
}
.footer-social-links ul li {
    padding: 0px 8px;
}
.page-title h6 {
    font-size: 20px;
	letter-spacing:6px;
	line-height:24px;
}
h4.panel-title a {
    font-size: 10px;
}
.panel-heading [data-toggle="collapse"].collapsed:after {
    font-size: 12px;
}
.panel-heading [data-toggle="collapse"]:after {
    font-size: 12px;
}
.coming-soon-text h4 {
    font-size: 20px;
    letter-spacing: 5px;
}
.coming-soon-text p {
    font-size: 10px;
    line-height: 24px;
}
.under-construction-text h4 {
    font-size: 20px;
    letter-spacing: 5px;
}
.error-contents {
    padding: 60px 10px;
}
.error-contents h5 {
    font-size: 20px;
    line-height: 30px;
}
.error-contents p {
    font-size: 12px;
    line-height: 20px;
}
.error-contents a {
    padding: 10px 20px;
    font-size: 10px;
}
.slider-wrapper .slider-text h4 {
    font-size: 16px;
    line-height: 40px;
}
.slider-wrapper .slider-text h5 {
    font-size: 9px;
    line-height: 20px;
	margin-top: 8px;
}
.slider-wrapper .slider-text {
    padding: 0px 12%;
	padding-right: 15%;
}
.slider-wrapper .owl-prev {
    margin-left: 5px !important;
}
.slider-wrapper .owl-next {
    margin-right: 5px !important;
}
.slider-wrapper .slider-text a.view-link {
    padding: 7px 50px;
    font-size: 10px;
}
}



/************************************************/




@media (max-width: 1400px){
    
}


@media (max-width: 1024px){
    .slider-wrapper .item{background-position-x: 53%;}
}


@media (max-width: 768px){
    .text-left-footer{text-align: center;}
    .text-right-footer{text-align: center;}
    .slider-wrapper .item{background-position-x: 55%;}
}

@media (max-width: 640px){
    footer{background-position-y: 0px;}
}


@media (max-width: 480px){
    .about-us-contents{margin-left: 9px;}
    section#call-section{background-position-x: 51%;}
    .slider-wrapper .owl-nav{top: 78vh;}
    footer{background-position-y: -15%; background-position-x: 13%;}
    .contact-button-new{margin-left: 38%; margin-right: 38%;}
    section#page-title-section{   background-position-x: 24%;}
    section#page-title-section-3{background-position-x: 23%;}
    section#page-title-section-5{background-position-x: 63%;}
}