/* 
 * #################################################
 * @-----------------------------------------------@
 * @-------- THINKBEYOND - Desenvolvimento --------@
 * @-----------------------------------------------@
 * #################################################
 *   www. t b d e s e n v o l v i m e n t o .com.br
 * @-----------------------------------------------@
 *
 * @------------ TB Projects Generator ------------@
 *
 * Project name: MEGA SP GLASS - www.megaspglass.com.br
 * Year: 2018;
 * Author: THINKBEYOND - Equipe alfa;
 * TBSecurity: #10893y76%RˆF#RFg1;
 *
 * Todos os Direitos Reservados - THINKBEYOND e MEGA SP GLASS
 *
 * 
 * Dúvidas: suporte@tbdesenvolvimento.com.br
 */


/* RESPONSIVE.css - THINKBEYOND
/* www.tbdesenvolvimento.com.br
/* No-License - All Rights Reserved - TB DEV TEAM

/* Responsive Codes THINKBEYOND - 1824px :: 1441px */
@media screen and (min-width: 1441px)  {
	.title-slider {
		font-size: 30px !important;
	}
	.title-slider-alt {
		font-size: 45px !important;
	}
}
/* Responsive Codes THINKBEYOND - 1440px :: 1383px */
@media screen and (min-width: 1383px) and (max-width: 1440px) {
	.title-slider {
		font-size: 30px !important;
	}
	.title-slider-alt {
		font-size: 45px !important;
	}
}
/* Responsive Codes THINKBEYOND - 1382px :: 1225px */
@media screen and (min-width: 1225px) and (max-width: 1382px) {
	.title-slider {
		font-size: 30px !important;
	}
	.title-slider-alt {
		font-size: 45px !important;
	}
}
/* Responsive Codes THINKBEYOND - 1224px :: 1025px */
@media screen and (min-width: 1025px) and (max-width: 1224px) {
	.title-slider {
		font-size: 29px !important;
	}
	.title-slider-alt {
		font-size: 45px !important;
		padding: 20px 30px !important;
	}
}

/* Responsive Codes THINKBEYOND - 1024px :: 993px */
@media screen and (min-width: 993px) and (max-width: 1024px) {
	.title-slider {
		font-size: 29px !important;
	}
	.title-slider-alt {
		font-size: 45px !important;
		padding: 20px 30px !important;
	}
}
/* Responsive Codes THINKBEYOND - 992px :: 769px */
@media screen and (min-width: 769px) and (max-width: 992px) {
	.box-info-subfooter{
		max-width: 380px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.title-slider {
		font-size: 29px !important;
		margin-left: -60px !important;
	}
	.title-slider-alt {
		font-size: 45px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
	}
	.btn-desc-services{
		font-size: 10px !important;
	}
	.style-text-credit{
		font-size: 15px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
	}
	.about-section{
		background: none !important;
	}
}
/* Responsive Codes THINKBEYOND - 768px :: 569px */
@media screen and (min-width: 569px) and (max-width: 768px) {
	.slider-section {
		margin-top: 40px !important;
	}
	.box-logo {
		width: 150px !important;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	.box-logo-stick {
		width: 150px !important;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.title-slider {
		font-size: 23px !important;
		margin-left: -60px !important;
	}
	.title-slider-alt {
		font-size: 29px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
	}
	.title-slider-alt strong{
		font-size: 29px !important;
	}
	.style-text-credit{
		font-size: 15px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
	}
	#mainNav{
	  	min-height: 80px;
	}
	.logo-mg{
		max-width: 120px !important;
	}
	.about-section{
		background: none !important;
	}
	.media-mt-20{
		margin-top: 20px !important;
	}
}
/* Responsive Codes THINKBEYOND - 568px :: 481px */
@media screen and (min-width: 481px) and (max-width: 568px) {
	.slider-section {
		margin-top: 40px !important;
	}
	.box-logo {
		width: 150px !important;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	.box-logo-stick {
		width: 150px !important;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.title-slider {
		font-size: 20px !important;
		margin-left: -60px !important;
	}
	.title-slider-alt {
		font-size: 23px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
	}
	.title-slider-alt strong{
		font-size: 25px !important;
	}
	.style-text-credit{
		font-size: 14px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
	}
	#mainNav{
	  	min-height: 80px;
	}
	.logo-mg{
		max-width: 120px !important;
	}
	.about-section{
		background: none !important;
	}
	.media-mt-20{
		margin-top: 20px !important;
	}
	.social-slider i{
		font-size: 30px !important;
	}
	.social-slider p, .social-slider p a{
		font-size: 14px !important;
    	line-height: 30px !important;
	}
	.cta-services-text > h1{
		font-size: 35px !important;
	}
	.cta-services-text > h2{
		font-size: 30px !important;
	}
	.title-section{
		font-size: 50px !important;
	}
}
/* Responsive Codes THINKBEYOND - 480px :: 426px */
@media screen and (min-width: 426px) and (max-width: 480px) {
	.slider-section {
		margin-top: 40px !important;
	}
	.box-logo {
		width: 150px !important;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	.box-logo-stick {
		width: 150px !important;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.title-slider {
		font-size: 19px !important;
		margin-left: -60px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt {
		font-size: 22px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt strong{
		font-size: 22px !important;
	}
	.style-text-credit{
		font-size: 14px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
		font-size: 19px !important;
	}
	#mainNav{
	  	min-height: 80px;
	}
	.logo-mg{
		max-width: 120px !important;
	}
	.about-section{
		background: none !important;
	}
	.media-mt-20{
		margin-top: 20px !important;
	}
	.social-slider i{
		font-size: 30px !important;
	}
	.social-slider p, .social-slider p a{
		font-size: 12px !important;
    	line-height: 30px !important;
	}
	.cta-services-text > h1{
		font-size: 32px !important;
	}
	.cta-services-text > h2{
		font-size: 27px !important;
	}
	.title-section{
		font-size: 50px !important;
	}
	.p-cta-distribuicao{
		font-size: 30px !important;
	}
	.text-mg-box p{
		font-size: 22px !important;
	}
	.bg-title{
		background-size: cover !important;
	}
}
/* Responsive Codes THINKBEYOND - 425px :: 376px */
@media screen and (min-width: 376px) and (max-width: 425px) {
	.slider-section {
		margin-top: 40px !important;
	}
	.box-logo {
		width: 150px !important;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	.box-logo-stick {
		width: 150px !important;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.title-slider {
		font-size: 17px !important;
		margin-left: -60px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt {
		font-size: 19px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt strong{
		font-size: 19px !important;
	}
	.style-text-credit{
		font-size: 14px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
		font-size: 19px !important;
	}
	#mainNav{
	  	min-height: 80px;
	}
	.logo-mg{
		max-width: 120px !important;
	}
	.about-section{
		background: none !important;
	}
	.media-mt-20{
		margin-top: 20px !important;
	}
	body > section.side-bar-slider > div > div > div > p:nth-child(4){
		display: none;
	}
	.side-bar-slider .fas.fa-envelope{
		display: none;
	}
	.cta-services-text > h1{
		font-size: 28px !important;
	}
	.cta-services-text > h2{
		font-size: 24px !important;
	}
	.title-section{
		font-size: 40px !important;
	}
	.p-cta-distribuicao{
		font-size: 30px !important;
	}
	.text-mg-box p{
		font-size: 19px !important;
	}
	.bg-title{
		background-size: cover !important;
	}
	.box-contact{
		padding: 45px !important;
	}
	.about-sub-title, .about-sub-title>span{
		font-size: 30px !important;
	}
}
/* Responsive Codes THINKBEYOND - 375px :: 361px */
@media screen and (min-width: 361px) and (max-width: 375px) {
	.slider-section {
		margin-top: 40px !important;
	}
	.box-logo {
		width: 150px !important;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	.box-logo-stick {
		width: 150px !important;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.title-slider {
		font-size: 17px !important;
		margin-left: -60px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt {
		font-size: 19px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt strong{
		font-size: 19px !important;
	}
	.style-text-credit{
		font-size: 14px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
		font-size: 19px !important;
	}
	#mainNav{
	  	min-height: 80px;
	}
	.logo-mg{
		max-width: 120px !important;
	}
	.about-section{
		background: none !important;
	}
	.media-mt-20{
		margin-top: 20px !important;
	}
	body > section.side-bar-slider > div > div > div > p:nth-child(4){
		display: none;
	}
	.side-bar-slider .fas.fa-envelope{
		display: none;
	}
	.cta-services-text > h1{
		font-size: 28px !important;
	}
	.cta-services-text > h2{
		font-size: 24px !important;
	}
	.title-section{
		font-size: 40px !important;
	}
	.p-cta-distribuicao{
		font-size: 30px !important;
	}
	.text-mg-box p{
		font-size: 19px !important;
	}
	.bg-title{
		background-size: cover !important;
	}
	.box-contact{
		padding: 45px !important;
	}
	.about-sub-title, .about-sub-title>span{
		font-size: 30px !important;
	}
}
/* Responsive Codes THINKBEYOND - 360px :: 321px */
@media screen and (min-width: 320px) and (max-width: 360px) {
	.slider-section {
		margin-top: 40px !important;
	}
	.box-logo {
		width: 150px !important;
	    margin-left: 20px;
	    margin-top: 10px;
	}
	.box-logo-stick {
		width: 150px !important;
	    margin-left: 15px;
	    margin-top: 5px;
	}
	.title-slider {
		font-size: 15px !important;
		margin-left: -60px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt {
		font-size: 16px !important;
		padding: 20px 30px !important;
		margin-left: -50px !important;
		margin-top: 30px !important;
	}
	.title-slider-alt strong{
		font-size: 16px !important;
	}
	.style-text-credit{
		font-size: 14px !important;
	}
	.p-cta-distribuicao > a{
		float: left !important;
		margin: 25px 0 0 0 !important;
		font-size: 17px !important;
	}
	#mainNav{
	  	min-height: 80px;
	}
	.logo-mg{
		max-width: 120px !important;
	}
	.about-section{
		background: none !important;
	}
	.media-mt-20{
		margin-top: 20px !important;
	}
	body > section.side-bar-slider > div > div > div > p:nth-child(4){
		display: none;
	}
	.side-bar-slider .fas.fa-envelope{
		display: none;
	}
	.cta-services-text > h1{
		font-size: 24px !important;
	}
	.cta-services-text > h2{
		font-size: 20px !important;
	}
	.title-section{
		font-size: 29px !important;
	}
	.p-cta-distribuicao{
		font-size: 24px !important;
	}
	.text-mg-box p{
		font-size: 15px !important;
	}
	.bg-title{
		background-size: cover !important;
	}
	.box-contact{
		padding: 30px !important;
	}
	.about-sub-title, .about-sub-title>span{
		font-size: 25px !important;
	}
	.box-icons-about > a > img{
		max-width: 70px !important;
	}
}
/* Responsive Codes THINKBEYOND - 320px :: 280px */
@media screen and (min-width: 280px) and (max-width: 320px) {
	
}

@media (min-width: 768px) {

	.navbar-custom {
		min-height: 80px;
	}
	.navbar-custom.affix {
	    padding: 10px 0 !important;
	    max-height: 70px !important;
	    transition: max-height 0.4s !important;
	    -moz-transition: max-height 0.4s !important;
	    -webkit-transition: max-height 0.4s !important;
	}


}

@media screen and (max-width: 1199px) {
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		float: right !important;
		margin-right: -54px;
		border: none !important;
		overflow-y: hidden !important;
		margin-top: 0px !important;
		min-height: 400px;
	}
	.navbar-default-sticky .navbar-collapse-sticky, .navbar-default-sticky .navbar-form-sticky{
		float: right !important;
		/*margin-right: -54px;*/
		margin-top: -40px;
		border: none !important;
		overflow-y: hidden !important;
	}
	.tbs_menu_set16{
		display: grid !important;
		background-color: #fcaa1a !important;
		padding: 0 !important;
	}
	.social-menu{
		padding: 0px 130px !important;
		display: inline-flex !important;
	}
	#mainNav > div.container > div.navbar-header.page-scroll > button{
		display: none;
	}
	.mobile-inner-header{
		display: block !important;
	}
}