/*          Responsive styles
================================================== */

@media only screen and (min-width: 1678px) and (max-width: 1923px) {
}
@media only screen and (min-width: 1390px) and (max-width: 1677px) {
}
/*                     Tablet Landscape
=======================================================================================*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
/*--------------------------------------
   Header And SLider
----------------------------------------*/
    
#navigation > ul > li > a {
	padding: 30px 10px;
}
.homepage-slider h2 {
	letter-spacing: 0px;
	font-size: 50px;
}
.slide-bg-1 .col-sm-8 {
	margin-left: 13%;
}
/*--------------------------------------
    promo Section
----------------------------------------*/
    
.promotion-list-item {
	padding-right: 22px;
	padding-left: 22px;
}
.about_bot_img img {
	height: 230px;
}
.service-img {
	width: 424px;
	margin-left: 22px;
}
.sub-form input {
	width: 57%;
}
.subscribe-banner h4 {
	font-size: 24px;
}
.subscribe-banner p {
	letter-spacing: 2px;
}
/*  SInngle Page
----------------------------------------*/
    
.contact_warp {
	top: 2%;
}
.team-area .member-info h6 {
	font-size: 18px;
}
}
/*                      Tablet Portrait
=======================================================================================*/

@media (min-width: 768px) and (max-width: 991px) {
/*--------------------------------------
   Header And SLider
----------------------------------------*/
.header_quate_right {
	display: none;
}
.header-logo {
	margin-right: 26px;
}
#navigation > ul > li > a {
	padding: 30px 10px;
}
/*---- Slider----- */
    
.homepage-slider h2 {
	font-size: 42px;
	line-height: 46px;
}
.slide-bg-1 .col-sm-8 {
	margin-left: 14%;
}
/*--------------------------------------
   About  Section
----------------------------------------*/
    
.promotion-list-item {
	padding-right: 7px;
	padding-left: 7px;
}
.promotion-list-title {
	letter-spacing: 0px;
	font-size: 16px;
}
.about-bottom-warp .col-sm-4 {
	margin-bottom: 30px;
	width: 50%;
}
.service-right-list {
	text-align: left;
	width: 100%;
	float: left;
}
.service-img {
	margin: 0 auto;
}
.quote-section .col-sm-6 {
	margin-left: 0;
	width: 100%;
}
.pricing-wrapper h4 {
	font-size: 19px;
	letter-spacing: 0px;
}
.pricing-wrapper ul {
	padding: 35px 10px 35px 20px;
}
.team-area .col-md-4 {
	width: 33%;
	float: left;
}
.facts-item {
	padding: 30px 10px 10px 10px;
}
.funfact-wrapper h5 {
	letter-spacing: 0px;
	line-height: 19px;
	margin-top: 25px;
	margin-left: 30px;
}
.funfact-wrapper h3 {
	letter-spacing: 0px;
	margin-left: 30px;
}
.blog-img img {
	height: 100%;
}
.blog-item-one .blog_btn {
	font-size: 11px;
	letter-spacing: 0px;
}
.blog-item-one .blog_btn:hover {
	letter-spacing: 0px;
}
.blog-section .col-sm-4:last-child {
	width: 100%;
}
.flt_left {
	float: none;
	text-align: center;
	margin-bottom: 30px;
}
.sub-form input {
	margin-right: 10px;
	width: 100%;
}
/*--------------------------------------
   footer  Section
----------------------------------------*/
    
.footer-section .col-xs-1 {
	padding-right: 10px;
}
.footer-section .widget p {
	margin-left: -10px;
}
/*  SInngle Page
----------------------------------------*/
    
.contact_warp {
	top: 2%;
}
.service-page-content {
	padding-right: 15px;
	margin-top: 50px;
}
.single-service-area {
	padding-bottom: 60px;
}
}
/*                          Phone
=======================================================================================*/

@media only screen and (max-width: 767px) {
/*--------------------------------------
   Header And SLider
----------------------------------------*/
    /*---- Slider----- */
    
.single-slider h2 {
	font-size: 36px;
	line-height: 42px;
	letter-spacing: 0px;
	margin-top: -60px;
}
.single-slider {
	font-size: 15px;
}
.homepage-slider .owl-nav {
	margin-top: -60px;
	text-align: center;
}
.homepage-slider .owl-nav div.owl-next,  .homepage-slider .owl-nav div {
	left: auto;
	margin: 10px;
	right: auto;
}
.homepage-slider .owl-nav div {
	color: #fff;
	display: inline-block;
	position: relative;
}
.single-slider .slider-item-wreppercell {
	text-align: center;
}
.slider-btn-two {
	margin-left: 0px;
	margin-top: 10px !important;
}
/*---- End :Slider----- */
    
.header_upper_right {
	float: left;
}
.header_upper_right li {
	display: block;
	margin-top: 8px;
	float: left;
}
.header_upper_right li:last-child {
	margin-bottom: 15px;
}
.header_upper_right ul {
	padding: 0;
	margin-left: -10px;
	margin-top: 0px;
}
.header-logo {
	width: 150px;
}
.header_upper_left ul {
	margin-bottom: 0;
}
.header_quate_right {
	float: left;
	margin-top: 25px;
	margin-left: 20px;
}
.header-right {
	display: none;
}
.navigation {
	padding-bottom: 10px;
}
#navigation.small-screen #menu-button {
	margin-top: 5px;
}
#navigation,  #navigation ul,  #navigation ul li,  #navigation ul li a,  #navigation #menu-button {
	float: none;
}
#navigation.small-screen #menu-button::after,  #navigation.small-screen #menu-button::before {
	right: 20px;
}
#navigation ul ul {
	top: 5px;
}
#navigation > ul > li > a {
	padding: 14px 20px;
}
#navigation > ul > li.nav-sub > a {
	padding: 14px 20px;
}
#navigation.small-screen ul {
	margin-top: 10px;
}
/*--------------------------------------
   About  Section
----------------------------------------*/
    
.inner-header-banner h4 {
	float: none;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.section-heading-header h3 {
	line-height: 40px;
}
.section-heading-header p {
	width: 100%;
}
.promotion-list-item {
	width: 100%;
}
.promotion-list-item {
	padding-right: 20px;
	padding-left: 20px;
}
.about-list {
	margin-bottom: 10px;
	padding: 20px;
	padding-left: 30px;
}
.about_bot_img img {
	height: 210px;
}
.service-area .more-link {
	margin-top: 15px;
}
.service-right-list {
	margin-bottom: 20px;
	margin-top: 0px;
}
.service-right-list {
	text-align: center;
	width: 100%;
	float: left;
}
.service-img {
	margin: 0 auto;
	width: 100%;
	margin-bottom: 40px;
}
.service-img img {
	width: 100%;
}
.quote-form-inner {
	padding: 40px 15px;
}
.quote-section h3 {
	letter-spacing: 0px;
	margin-bottom: 22px;
}
.quote-form-inner input,  .quote-form-inner textarea {
	border: 1px solid #fff;
	font-size: 10px;
}
.projects-titles {
	padding: 0px;
}
.projects-titles li {
	margin-right: 5px;
	margin-top: 10px;
	padding: 8px 10px;
}
.team-area .member-item {
	margin-bottom: 20px;
}
.team-area {
	padding-bottom: 80px;
}
.member-info {
	margin-top: 25px;
}
.member-img {
	margin-top: 30px;
}
.facts_border {
	background: transparent;
}
.funfact-wrapper .col-xs-12 {
	width: 50%;
}
.facts-item {
	margin-right: 0px;
	margin-bottom: 30px;
	padding: 0px 0px;
	text-align: center;
}
.funfact-wrapper h3 {
	letter-spacing: 0px;
	margin-left: 0px;
	font-size: 50px;
}
.funfact-wrapper h5 {
	margin-left: 0px;
}
.counter-facts-section {
	padding-top: 100px;
}
.blog-item-one h5 a {
	letter-spacing: 0px;
}
.blog-item-one img {
	height: 100%;
}
.subscribe-banner {
	text-align: center;
}
.subscribe-banner h4 {
	letter-spacing: 1px;
	font-size: 26px;
	line-height: 36px;
}
.subscribe-banner p {
	margin-bottom: 30px;
	line-height: 21px;
	letter-spacing: 1px;
}
.sub-form input {
	margin-right: 0px;
	padding-left: 35px;
	width: 100%;
}
.sub-form button {
	display: block;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 15px;
}
/*--------------------------------------
   Pricing  Section
----------------------------------------*/
    
.pricing-area {
	padding-bottom: 70px;
}
.pricing-wrapper {
	margin-bottom: 30px;
}
.pricing-area .col-sm-3 {
	padding-right: 15px;
	padding-left: 15px;
}
.pricing-wrapper h4::after {
	width: 80%;
	left: 10%;
}
/*--------------------------------------
   footer  Section
----------------------------------------*/
    
.copyright-footer .col-xs-6 {
	width: 100%;
	text-align: center;
}
.footer-section .widget p {
	margin-bottom: 0px;
}
.scrollup {
	float: none;
	padding-bottom: 54px;
}
.copyright-footer p {
	margin-left: 0px;
	float: none;
}
.footer-section .widget {
	padding-bottom: 0px;
	margin-bottom: 10px;
}
.footer-section .widget h5 {
	margin-bottom: 10px;
}
.footer-contact-info {
	margin-bottom: 25px;
}
/*---- single Page ----- */
    
.blog-area {
	padding-right: 15px;
	margin-bottom: -80px;
}
.blog-container {
	padding-bottom: 100px;
}
.post-option {
	padding: 25px 15px;
}
.service-page-content {
	padding-right: 15px;
}
.single-service-area {
	padding-bottom: 100px;
}
.about-page-section h2 {
	margin-top: 25px;
}
.contact_warp {
	position: relative;
	margin-top: 70px;
	right: 0px;
}
.contact-form {
	box-shadow: none;
	border: 1px solid transparent;
	padding: 30px 20px;
}
.comment_dat {
	margin-left: 0px;
	margin-right: 20px;
	top: -10px;
}
.comments li .comment img.comment-avatar {
	margin-right: 20px;
}
.portfolio-detail-block h4 {
	margin-top: 30px;
}
.service-page-content {
	margin-top: 50px;
}
.single-service-area {
	padding-bottom: 60px;
}
.servicepage-title3 ul {
	margin-top: 22px;
}
.servicepage-title3 ul li {
	margin-bottom: 15px;
}
.team-area .member-info h6 {
	margin-top: 25px;
}
}
/* Mobile Vertical Layout: 488px 
===============================================================================*/
@media (max-width: 768px) {
#navigation > ul > li.nav-sub > a{
	padding: 30px 30px 30px 14px;
}
.header-logo{
	margin-right:0px;
}
.header-logo img{
	max-width:140px;
}
.service-img{
	display:none;
}
.service-right-list .icon-box{
	margin-bottom: 120px;
}
.header_upper_left ul {
    margin-bottom: 10px !important;
}
.about-page-section img{
	display:none;
}
}
@media only screen and (min-width: 488px) and (max-width: 767px) {
/*---- Slider----- */
    
.single-slider h2 {
	font-size: 40px;
}
.single-slider {
	font-size: 17px;
	text-align: center;
}
.slider-btn_one {
	margin-right: 1px;
}
/*---- End: Slider----- */
.pricing-area .col-xs-12,  .about-area .col-xs-12,  .team-area .col-xs-12,  .counter-facts-section .col-xs-12 {
	width: 50%;
}
.pricing-area {
	padding-bottom: 70px;
}
.pricing-wrapper h4 {
	font-size: 18px;
	letter-spacing: 0px;
}
.pricing-wrapper ul {
	padding: 35px 7px 35px 15px;
}
.member-info {
	width: 50%;
	float: left;
}
.member-img {
	width: 50%;
	float: left;
}
/*---- Fact ----- */
    
.facts-item {
	margin-bottom: 30px;
}
.counter-facts-section {
	padding-bottom: 70px;
}
/*---- footer----- */
    
.footer-section .col-xs-1 {
	width: 6.667%;
}
.header_upper_left ul {
	margin-top: 7px;
}
.header_upper_right li:last-child {
	margin-bottom: 10px;
}
}

@media (max-width: 640px) {
#navigation > ul > li.nav-sub > a{
	padding: 14px 20px;
}
.sub-form button{
	margin-top:0px;
}
.inner-header-banner h3{
	font-size: 34px;
}
}