/*************Responsive Styles*****************/
@media screen and ( max-width: 1550px ){
	footer {
	    background-position: -50px -135px;
	    background-size: 200px;
	}
}
@media screen and ( max-width: 1400px ){
	footer {
	    background-position: -80px -120px;
	    background-size: 200px;
	}
	#navbarSupportedContent li {
	    margin: 0px 10px;
	}
	.navbar-brand img {
	    max-width: 175px;
	}
	.right-side-menu-widgets #block-3 {
	    margin-left: 30px;
	}
	.right-side-menu-widgets #block-4 {
	    margin-left: 30px;
	}
	.contact-us-menu a {
	    padding: 10px 10px;
	}
}
@media screen and ( max-width: 1290px ){
	footer {
	    background-image: none
	}
	.mar-0 .elementor-widget-container{
		margin: 0px !important;
	}
	.subscribe .form-email {
	    width: 63%;
	}
	.navbar-brand img {
	    max-width: 175px;
	}
	.service-selection-form select {
	    min-width: auto !important;
	    width: 130px;
	}
}
@media screen and ( max-width: 1250px ){
	.right-side-menu-widgets #block-4 {
	    margin-left: 30px;
	}
	.contact-us-menu a {
	    padding: 10px 20px;
	}
	#navbarSupportedContent li {
	    margin: 0px 8px;
	}
	.estimation-table thead th{
		padding: 20px !important;
	}
	.estimation-table tr td{
		padding: 40px 20px !important;
	}
}
@media screen and ( max-width: 1209px ){
	.footer-top .footer-book .book-button a{
		margin-top: 24%;
	}
}
@media screen and ( max-width: 1200px ){
	#navbarSupportedContent li a span {
	    font-size: 16px;
	}
	.navbar-brand img {
	    max-width: 180px;
	}
}
@media screen and ( max-width:  1179px){
	#quantity-select .quantity-input{
		display: flex;
    	width: fit-content;
	}
	.service-selection-form select {
	    width: 200px;
	}
	.service-selection-form {
	    flex-direction: column;
	    row-gap: 30px;
	}
	.estimation-table tr td{
		padding: 30px 15px !important;
	}
}
@media screen and ( max-width:  1121px){
	.footer-top .footer-book .book-address{
    	max-width: 100%;
	}
	.footer-top .footer-book .book-contact{
		margin-top: 15px;
		grid-row-gap: 10px;
	}
	.footer-book {
	    padding: 11.5% 0%;
	}
	.footer-top .footer-book .book-button a {
	    margin-top: 77px;
	}
}
/*******************************************/

/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	.footer-top .footer-book .book-address{
		margin-left: 15%;
	}
	.footer-book {
	    padding: 8% 0%;
	    margin-top: 0px;
	}
	.footer-top .footer-book .book-button a{
		margin-top: 30px;
		margin-left: 15%;
	}
	.footer-top .footer-book .book-address {
	    max-width: 41%;
	}
	.footer-top .footer-book .book-content .book-address-contact{
		flex-wrap: nowrap;
	}
	.navbar-container{
		justify-content: initial;
	}
	header .navbar-brand{
		margin-right: auto;
	}
	.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language{
		margin-top: 3px;
	}
	.right-side-menu-widgets #block-3{
	    position: absolute;
	    top: 36%;
	    right: 90px;
	}
	footer ul a {
	    margin-left: 0px;
	}
	#menu-main-menu li:last-child{
		display: block;
		width: fit-content;
		margin-top: 15px;
	}
	#navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: var(--color7);
	    width: 85%;
	    transition: 0s;
	    padding: 40px 15px;
	    z-index: 50;
	    height: 100vh;
	}
	.noscroll{
		overflow: hidden;
	}
	.sec-navbar .navbar-nav{
		height: 100vh;
		padding-bottom: 40px !important;
		justify-content: end;
		background-color: var(--color8) !important;
	}
	.dropdown-menu{
		display: flex;
		flex-direction: column;
		background-color: var(--color5);
		border: 0px;
		margin-left: 20px;
		padding: 0px;
	}
	.navbar-brand{
		margin: 0%;
		padding: 0px;
	}
	/*footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 25px;
	}*/
	#navbarSupportedContent li .nav-link {
	    margin: 15px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.right-side-menu-widgets #block-4 {
	    display: none;
	}
	#navbarSupportedContent li {
	    margin: 0px 0px;
	}
	.footer-top {
	    padding: 50px 0px 20px 0px;
	}
	.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{
		height: 100% !important;
	}
	.estimation-table thead th{
		padding: 30px !important;
	}
	.estimation-col {
	    padding-left: 0px !important;
	    margin-top: 30px;
	}
	.service-selection-form {
	    flex-direction: row;
	}
	.service-selection-form select {
	    width: 100%; 
	}
	.quote-desktop-view{
		display: none;
	}
	.quote-mobile-view{
		display: block;
		margin-bottom: 30px;
}
}
/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){
	.contact-form .wpcf7-form .form-name, .contact-form .wpcf7-form .form-phone {
	    width: 47.8%;
	}
	.contact-form .wpcf7-form .form-company, .contact-form .wpcf7-form .form-email {
	    width: 47.9%;
	}
}
@media screen and (max-width: 771px){
	.contact-border .elementor-widget-container {
	    width: 60px;
	}
}
/*******************************************/

/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 20px;
	}
	footer .row .footer-book-col{
		margin: 50px 0px;
	}
	.footer-menu-col, .footer-contact-col {
	    margin-top: 0px;
	}
	.contact-border .elementor-widget-container{
		width: 108px;
	}
	.contact-border .elementor-widget-container{
		width: 108px;
	}
	.page .est-form-banner-section:first-child{
		padding-top: 60px!important;
	}
}
@media screen and  (max-width:  600px){
	.service-selection-form{
		flex-direction: column;
	}
	.estimation-table thead th{
		padding: 20px !important;
	}

}
@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}
	.sub-col .col-6{
		width: 100%;
	}
	.elementor-15 .elementor-element.elementor-element-9c5f51b{
		padding-top: 25px!important;
	}
	.submission-row input[type="email"]{
		margin-top: 14px;
	}
}
@media screen and (max-width: 541px){
	.contact-border .elementor-widget-container {
	    width: auto;
	}
	.estimation-table tr td{
		padding: 30px 8px !important;
		font-size: 16px !important;
	}
	.estimation-table thead th{
		font-size: 18px !important;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	.footer-top .footer-book .book-contact{
		margin-left: 15%;
	}
	.career-form form input[type="email"]{
		margin-top: 14px;
	}
	.white-text span{
		color: var(--color5) !important;
	}
	.form-fname,
  	.form-lname,
	.form-company,
	.form-email,
	.form-phone,
	.form-area-expertise,
	.form-year-expertise,
  	.form-message{
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.form-company,
  	.form-lname{
		margin-top: 26px;
	}
	.right-side-menu-widgets #block-3 {
	    right: 70px;
	    top: 35%;
	}
	.navbar-brand img {
	    max-width: 160px;
	}
	.right-side-menu-widgets .trp-ls-shortcode-language a {
	    padding: 3px 3px;
	}
	.right-side-menu-widgets .trp-ls-shortcode-language {
	    top: 0px !important;
	    left: 0px !important;
	}
	.estimation-table thead th{
		padding: 20px 0px !important;
		text-align: center;
	}
	.contact-details-col .elementor-button-wrapper .elementor-button{
		padding: 13px!important;
	}
	.footer-top .footer-book .book-address {
	    max-width: 100%;
	}
	.footer-top .footer-book .book-content .book-address-contact{
		flex-wrap: wrap;
	}
	.subscription-form form input.email{
		width: 100%;
	}
	.subscription-form form button.subscribe{
		width: fit-content;
		padding: 0px 25px;
	}
	.contact-form .col-6{
		width: 100%;
	}
	.contact-form .col-12 textarea{
		margin-top: 15px;
	}
	.contact-form .est-form-submit-btn{
		margin-top: 0px;
	}
	.footer-bottom .container{
		flex-direction: column;
		row-gap: 30px;
	}
}
@media screen and (max-width: 365px){
	.footer-top {
	    padding: 50px 0px 90px 0px;
	}
}
@media screen and (max-width: 335px){
	.contact-border .elementor-widget-container {
	    width: 50px;
	}

}
@media screen and (max-width: 310px){
	.footer-bottom .container {
	    flex-direction: column;
	    row-gap: 20px;
	}
}


@media screen and (min-width: 1560px){
    .est-section .elementor-container,.est-section .container,.est-section.elementor-section-boxed > .elementor-container {
        max-width: 1455px!important;
    }
}
/*******************************************/