/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {


}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	#mainnav > ul > li{    padding: 0 10px 0 10px;}
	.flat-futter .footer-content.col-md-6{width:100%;}
	.flat-footer .container{float: inherit;}
	#slide-principles .tp-leftarrow{left: -10px !important;}
	#slide-principles .tp-rightarrow{right: -10px !important;}
	#home .tp-leftarrow{left: calc( 50% - 480px ) !important;}
	#home .tp-rightarrow{right: calc( 50% - 480px ) !important;}
	#home h2.title-slide {font-size: 44px !important;line-height: 52px !important;}
	#stefan .stefan-text {padding: 100px 15px 100px 15px;}
	.mailform #submit{margin: auto;position: relative;display: block;}
	#mailform div {float: initial;padding: 10px;margin: auto;}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.btn-menu {
		display: block ;
	}

	.flat-row,
	.flat-row.testimonials {
		padding: 50px 0;
	}

	.mainnav {
		display: none;
	}

	.flat-information > li > a {
		padding: 5px 0 5px 28px;
	}

	.flat-information > li:before {
		top: 5px;
	}

	.header.header-style2 .btn-menu:before,
	.header.header-style2 .btn-menu:after,
	.header.header-style2 .btn-menu span,
	.header.header-style3 .btn-menu:before,
	.header.header-style3 .btn-menu:after,
	.header.header-style3 .btn-menu span {
		background: #234383;
	}

	.header.header-style2 + #mainnav-mobi {
		top: 98px;
	}

	.header.header-style3 + #mainnav-mobi {
		top: 140px;
	}

	#lang_sel {
		display: none;
	}

	.get-appointment {
		text-align: center;
	}

	.work-detail-content {
		padding-top: 20px;
	}

	.header .logo {
		text-align: center;
	    float: none;
	    position: absolute;
	    left: 50%;
	    margin-left: -75px;
	}

	.menu.menu-extra {
		float: right;
		width: 30%;
	}

	.flat-one-haft {
		width: 100%;
		float: none;
	}

	.flat-single-images {
		width: 100%;
	}

	.menu-extra li.shopping-cart .submenu {
		left: auto;
		right: 0;
	}

	.menu-extra li.shopping-cart:hover .submenu {
		left: auto;
		right: 0;
	}

	.images-box,
	.images-box.show {
		width: 100%;
	}

	.page-title.parallax .page-title-heading h1 {
		font-size: 60px;
	}

	.social-links,
	.flat-information {
		text-align: center;
	}

	.flat-row.about,
	.flat-row.blog,
	footer,
	.page-title,
	.main-content,
	.flat-row.offer {
		padding: 40px 0 30px;
	}
  .page-title{padding: 102px 0 0px;}
  .page-title .breadcrumbs{display:none;}

	.iconbox,
	.flat-testimonials-images,
	.footer-widgets .widget  {
		margin-bottom: 30px;
	}

	.flat-portfolio .item,
	.flat-portfolio.grid-3columns .item {
		width: 50%;
	}

	.comment-respond .comment-notes, .comment-respond .comment-form-email,
	.comment-respond .comment-notes, .comment-respond .comment-form-email,
	.mail-chimp input[type="email"],
	.page-single .page-content,
	.page-single .page-sidebar {
		width: 100%;
	}

	.comment-respond .comment-notes {
		padding-right: 0;
	}

	.comment-respond .comment-form-email {
		padding-left: 0;
	}

	.go-top {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.flat-row {
		padding: 40px 0;
	}

	.widget.widget_instagram ul li {
		width: 80px;
	}

	.tp-leftarrow.square, .tp-rightarrow.square {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}

	.tp-leftarrow.square:before, .tp-rightarrow.square:before {
		left: 10px;
		top: 0;
		font-size: 22px;
	}

	.flat-qoute p {
		font-size: 30px;
	}

	.sidebar {
		padding: 30px 15px 0 15px;
		border-left: 0;
		margin-left: 0;
	}

	.blog-single .direction ul li ul.social-icons {
		margin-top: 0;
		padding: 20px 0;
	}

	.mail-chimp .subscribe {
		text-align: left;
	}

	.subscribe label {
		display: block;
	}

	.mail-chimp input[type="submit"] {
		right: 0;
	}

	.page-single .page-content,
	.page-single .page-sidebar {
		padding: 0 15px;
	}

	.flat-contact-info {
		margin-left: 0;
		margin-top: 30px;
	}

	.tp-leftarrow.square, .tp-rightarrow.square {
		background-color: transparent;
	}

	.wrap-content-post,
	.sidebar-post {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	article {
		padding-left: 0;
	}

	article .post-comment,
	.blog-single article .post-comment {
		left: 15px;
		top: 15px;
	}
	/*#home{display:none !important;} */
	#home h2.title-slide {
		font-size: 38px !important;
		line-height: 44px !important;
	}
    .header .logo {margin: 0px 0px 0px -75px;}
    .home .flat-footer
     {top: 0px;margin-bottom: 0px;}
/*    #header.header.header-style2{position:relative;} */
    .services .service_box{border-bottom: 1px solid #ccc;border-left:none;}
    .services .service_box:last-child{border-bottom:none;border-left:none;}
    .packets .service_box,
    .packets .packet_review_l .text-left, .packets .packet_review_r .text-left
    {float: left;width: 100%;}
	section.flat-row.row-quote{padding: 140px 0 160px 0;}
	.row-services .col-md-6.analytics{padding-top: 180px;padding-bottom: 90px;}
	.row-services .sicon{float: initial;margin: 0 auto;text-align: center;}
	.flat-footer {padding: initial;}
	.page-title .page-title-heading{bottom:0px;}
	.page-title .container {bottom: -132px;}
	.page-title h1{font-size: 70px;}
	#stefan .stefan-photo {padding: 100px 0px;}
	.about-row .col-md-12 > .col-md-8{max-width: 100%;}
	.flat-row.row-quote .col-md-6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.home #header.header.header-style2{background: transparent;}
	#slide-principles .tp-revslider-slidesli{width: 95% !important;}
	#slide-principles h3{font-size: 30px !important;}
	#slide-principles p.tp-caption.title-slide{font-size: 13px !important;line-height: 28px !important;top: 85px !important;}
	#slide-principles .tp-leftarrow{left: 0px !important;}
	#slide-principles .tp-rightarrow{right: 10px !important;}
	#home .tp-caption.flat-button-slider.red-button{bottom:20% !important;top: initial !important;}


}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

 @media only screen and (min-device-width : 768px) and (max-device-width : 821px) and (orientation : landscape) {

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
	.contactback{display:none;margin-top: 50px;}
	.mailform .back{display:block;}
	#partners .container {height: initial;}
	#partners .col-md-3{padding: 50px 0;}
	#services2 img{padding-left: 20px;}
	#services2 .row-space {padding-bottom:0px;}
	#services2 .col-md-6.left{padding-bottom:70px;}
	.flat-footer .container {max-width: initial;}
	.row-services .col-md-6.analytics{padding-top:initial;}
	.row-services .srow {padding-bottom: initial;}
	.row-services .srow .col-md-6{padding-bottom: 50px;}
	.row-services .sdescription{float:initial;margin: 0 auto;text-align: center;}
	.row-services .title-service {width: 360px;}
	#stefan .stefan-photo {padding: 50px 10px;float: initial;}
	#stefan .col-md-5{text-align: center;}
	.mailform form{padding-bottom: 50px;}
	#slide-principles {height: 400px !important;}
	#slide-principles h3{font-size: 24px !important;top: 30px !important;}
	#slide-principles p.tp-caption.title-slide{font-size: 12px !important;line-height: 24px !important;top: 35px !important;}
	#slide-principles .tp-rightarrow{right: 20px !important;}
	#home .tp-banner{height: 400px !important;}
	#home h2.title-slide {
		font-size: 32px !important;
		line-height: 38px !important;
	}
	.g-recaptcha{visibility:hidden;}
	.right-mailforom {padding-left: 30px;padding-bottom:10px;}
	.text-left {text-align: justify !important;}
	#stefan .stefan-text h3{text-align:center !important;}
	#services2 .left{text-align:center !important;}
	#services2 li{text-align: left;}
	.mailform h3{text-align:center;}
}

@media only screen and (max-width: 579px) {
	#home h2.title-slide {
		top: 190px !important;
	}
	#home h2.title-slide {
		font-size: 24px !important;
		line-height: 32px !important;
	}

}
@media only screen and (max-width: 555px) {
/*	#home{display:none !important;}
	.page-title.index {
		top: -170px;
		display: block;
		background-color: rgba(0, 0, 0, 0);
		background-repeat: no-repeat;
		background-image: url("../images/slides/smbm-home-top-banner-img01.jpg");
		background-size: cover;
		background-position: center bottom;
	}
*/
	.flat-button-slider.red-button{display:none;}
}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.flat-portfolio.grid-3columns .item {
		width: 50%;
	}
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
	.flat-portfolio .item,
	.flat-portfolio.grid-3columns .item {
		width: 100%;
	}

	ul.portfolio-filter > li:first-child {
		padding: 0 10px 0 0;
	}

	ul.portfolio-filter > li a {
		line-height: normal;
		padding: 5px 5px 5px 5px;
	}

	.flat-footer .footer-content .social-links a {
		margin: 0 10px;
	}

	.header.header-style2,
	.header.header-style3 {
/*	position: relative; */
/*		background: rgba(32, 32, 32, 1); */
	}

	.flat-portfolio.grid-4columns .item,
	.flat-portfolio.grid-4columns .item.w2,
	.flat-work-detail.simple .project-content {
		width: 100%;
	}

	.header.header-style3 {
		left: 0;
		top: 0;
	}

	.page-title.parallax .page-title-heading h1 {
		font-size: 30px;
		line-height: 40px;
	}

	article .content-post {
		margin-left: 0;
	}

	.header.header-style3 + #mainnav-mobi {
		top: auto;
	}

	.flat-one-halft {
		width: 100%;
	}

	.direction {
		margin-left: 0;
	}

	.work-detail-fullscreen .flat-work-detail .project-content {
		padding: 40px 15px;
	}

	.top {
		position: relative;
		left: 0;
		top: 0;
		background: #202020;
	}

	.top .flat-information, .top .social-links {
		padding-top: 0;
	}

	.flat-footer .social-links a {
		padding: 0 0;
	}

	.header .logo {
		width: 103px;
	}

	.btn-menu {
		margin-left: 0;
	}

	.menu.menu-extra {
		width: auto;
	}

	.menu.menu-extra > li > a {
		padding: 0 5px;
	}

	.menu-extra .shopping-cart .submenu .widget_shopping_cart_content {
		width: 255px;
	}

	.testimonials.style1 .message {
		overflow: visible;
	}

	#off-canvas {
		width: 200px;
	}

	/*.header .logo {
		width: 80px;
	}*/

	.padl60 {
		padding-left: 15px;
	}

	li.off-canvas {
		display: none;
	}

	.menu-extra > li > a {
		padding: 0 5px;
	}

	.tp-leftarrow.square, .tp-rightarrow.square {
		display: none;
	}

	.flat-portfolio.style1 .item:hover .project-title {
		top: 35%;
		left: 20px;
	}

	.flat-portfolio.style1 .view-detail {
		left: 20px;
	}

	.flat-portfolio.style1 .project-title {
		padding-right: 15px;
	}

	.flat-work-detail .project-content {
		width: 100%;
	}
/*	.tp-revslider-mainul{display:none;}
	.revslider-initialised{display:none;} */
	.page-title h1{font-size: 40px;}
	.page-title .container {bottom: -160px;}
	.row-quote p.quote {font-size: 18px;line-height: 24px;}
	.row-quote span.quote {font-size: 20px;line-height: 30px;}
	#slide-principles h3{font-size: 20px !important;top: 20px !important;}
	.row-services .title{padding: 25% 20%;}
	.tp-caption{white-space: normal;}
/*	#home .tp-banner{height: 400px !important;} */
	#slide-principles h3.tp-caption.title-slide {line-height: 32px !important;margin-top: 0px !important;}
	#slide-principles p.tp-caption{margin-top: 0px !important;max-width: 90% !important;}
	#slide-principles .tp-revslider-slidesli {width: 96% !important;}
	.flat-footer .mail{margin-left:0px;margin-right:0px;}

}
@media (max-width: 400px) {
	.row-services .title{padding: 35% 20%;font-size: 20px;max-width: 100%;}
	.row-services .title-service {width: 100%;}
	#slide-principles .tp-revslider-slidesli {width: 90% !important;}
	#partnerships .col-md-8.center {padding-top: 30px;}


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

}