/* ===================================================================================

* Theme Name: Sassriver Child
* Theme URI: https://themexriver.com/wp/sassriver
* Author: ThemeXriver
* Author URI: https://themeforest.net/user/themexriver
* Description: SaaS & StartUp WordPress Theme
* Version: 1.0.0
* Template: sassriver
* Text Domain: sassriver-child
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready
* Tested up to: 6.6
* Requires PHP: 7.4

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of sassriver updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
:root {
	--spacing-padding-inline: 0.25rem; /*  min-width:640px ( 40rem )*/
}

html {
  scroll-behavior: smooth;
}
/* Main - Padding works only for main section  */


@media screen and (width >= 67.56rem) {
  .main-section-padding .e-con-inner{
        padding-inline: calc(var(--spacing-padding-inline) * 3) !important;
  }
}


@media screen and (width <= 67.5rem) {
  .main-section-padding .e-con-inner {
        padding-inline: calc(var(--spacing-padding-inline) * 6) !important;
  }
}

@media screen and (width <= 64rem) {
  .main-section-padding .e-con-inner {
        padding-inline: calc(var(--spacing-padding-inline) * 20) !important;
  }
}
@media screen and (width <= 55rem) {
  .main-section-padding .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 10) !important;
  }
}
@media screen and (width <= 35.438rem) {
  .main-section-padding .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 4) !important;
  }
} 

/* Media Query for containers */

@media (max-width: 767px) { 

	.container.sr-container-1,
	.container{
		 max-width: 100%;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 1024px) { 

	.container.sr-container-1,
	.container{
		 max-width: 100%;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1190px) { 

	.container.sr-container-1,
	.container{
		 max-width: 992px;
	}
}

/*  XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1191px) { 

	.container.sr-container-1,
	.container{
		 max-width: 1140px;
	}
 }

/* widescreen devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

	.container.sr-container-1,
	.container{
		 max-width: 1240px;
	}
}

/* extra whide devices (larger desktops, 1400px and up) */
@media (min-width: 1600px) { 

	.container.sr-container-1,
	.container{
		 max-width: 1340px !important;
	}
}