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

* 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 */

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

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

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

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

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

	.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;
	}
}