@media (min-width: 1200px) and (max-width: 1820px) {
.sasmind-main-menu.transprent-menu .sasmind_menu > ul > li > a {
    margin: 35px 5px;
    font-size: 15px; 
}



}

@media (min-width: 1200px) and (max-width: 1365px) {
.section-title.style13 h2.title {
    font-size: 65px;
    line-height: 75px;
}
.feature-box.style1 .feature-box-title h2 {
    font-size: 22px;
}
.section-title.style2 .title {
    font-size: 40px;
}
.subscribe-wrapper input {
    width: 65%;
}
.marquee.style2 .marquee-block {
    gap: 10px;
}
.pricing.style1 .pricing-button {
    padding: 13px 30px;
}




}
@media (min-width: 1367px) and (max-width: 1440px) {

.sasmind_menu > ul > li > a {
	margin: 31px 16px;   
}
.sasmind_menu > ul > li > a {
	margin: 31px 15px;
}
.service-box.style2 .service-btn a,
.service-box.style1 .service-btn a { 
	right: -16px;
	top: 16px; 

}
#roated-icon {
	left: 387px !important;  
}
.project_item.style_two .service-details-button a {
	right: 12px;
	bottom: 60px;
}






}



/* ------------------------------------------------- Laptop Screen ---------------------------------------------------*/
 @media (min-width: 1170px) and (max-width: 1366px) {
.map-location-area {
    display: none;
}
.dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 49px;
}
.dreamit-slick-slider .hero-text-wrap p {
    font-size: 16px;
}
.sasmind_menu {
    text-align: right;
}
.donate-btn-header {
    margin-left: 10px !important;
}
a.dtbtn {
    padding: 8px 22px;
}
.case-study .owl-nav {
	right: 1%;
}
.signature {
	margin-left: 20px;
}
.section-title .title {
    font-size: 44px;
}
.sasmind-main-menu.transparent-two .trp_nav_area {
	margin: 0 !important;;
	border-radius: 0 !important;
	position: inherit !important;
}
.dreamit-slick-slider .single-slick.style_nine .slider-single-image {
    right: 7%;
}
.section-title.style1 .title { 
    font-size: 38px;
}
.section-title.style1 h2 {
    font-size: 38px;
    line-height: 44px;
}
.service-box.style1 h3.title,
.service-box.style2 h3.title {
	font-size: 20px;
	line-height: 25px; 
}
.service-box.style5 .content {
    padding: 0 0px 0;
}
.pricing.style1 .pricing-button {
    padding: 13px 25px;
}
a.dtbtn::before {
	top: 13px; 
}
.pricing_area.style_one .pricing-toggle-filter {
    padding: 17px 16px;
    width: 25%;
}
ul.item-list.style2 li {
    font-size: 17px;
    text-align: left;
}

.testimonial-item.style3 p.quote_two {
    font-size: 17px;
}
.section-title.style3 h3.title {
    font-size: 56px;
    line-height: 60px;
}
.dreamit-button.style2 a.button {
    padding: 14px 33px 14px 23px;
}

.icon-box.style4 {
    transform: rotate(0deg);
    left: 93px;
}
.icon-box.style5 {
    display: none;
}
.icon-box.style6 {
    display: none;
}
.icon-box.style8 .svg-icon-thumb svg {
    width: 376px;
}
.icon-box-style-three .icon-box.style8 .svg-icon-thumb {
    left: -56.4%;
}
.icon-box-style-two .icon-box.style8 .svg-icon-thumb {
    position: absolute;
    top: -115px;
    left: -3%;
}
.hub-wrapper.style-two {
    gap: 130px;
}
.hub-wrapper.style-two .center-logo {
    z-index: 1;
}

.icon-box.style9 .svg-icon-thumb {
    left: -29px;
}
.icon-box.style9 h1.title {
    font-size: 15px;
}
.icon-box-three .icon-box.style9 .svg-icon-thumb {
    left: -35px;
}
.section-title.style2 .title {
    font-size: 43px !important;
    line-height: 60px !important;
}
.icon-box.style16 {
    width: 96%;
}
.section-title.style6 h2, .section-title.style6 h3, .section-title.style6 h4 {
    font-size: 38px;
    line-height: 47px;
}
.section-title.style5 h2, .section-title.style5 h3, .section-title.style5 h4 {
    font-size: 34px;
    line-height: 43px;
}
.filter-tab .content .text p br{
    display:none;
}
.sidebar {
    display: none;
}
.trp_nav_area {
    padding: 0 10px;
}
.sasmind_menu > ul > li > a {
    margin: 25px 9px;
}
.hbg2 {
    padding: 0px 30px;
}




}




@media (min-width: 1025px) and (max-width: 1169px) {


.pricing_area.style_one span.curencyp {
    font-size: 30px;
}
.blog-post.style2 .single_blog_post_content h3 a {
    font-size: 18px;
}
.pricing_area.style_one .tk {
    font-size: 30px;
}
.pricing_area.style_one h2#price-monthly {
    right: 20px;
}
.icon-box.style20 h1.title {
    font-size: 18px;
}
.pricing_area.style_one .pricing-toggle-filter {
    padding: 17px 15px;
    width: 27%;
}
.sasmind_menu > ul > li > a {
    margin: 35px 10px;
    font-size: 16px;
}
.section-title.style2.center p.description {
    width: 63%;
}
.donate-btn-header {
    margin-left: 10px;
}
a.dtbtn {
    padding: 8px 10px;
    font-size: 15px;
}
.sasmind_menu > ul > li > a {
    margin: 35px 9px;
}
.section-title .title {
    font-size: 44px;
}
.icon-box.style7 .icon {
    margin-bottom: 22px;
}
.pricing.style1.style-two {
    padding: 50px 29px 50px;
}
.heading.style1 h2.heading-text {
    font-size: 52px;
    line-height: 58px;
}
.heading.style1 h2.heading-text span {
    font-size: 52px;
    line-height: 60px;
}
.section-title.style1 .title {
    font-size: 32px;
    line-height: 43px;
}
.section-title.style1 h2 {
    font-size: 32px;
    line-height: 43px;
}
.service_section.style1 .service_content h3 a {
    font-size: 26px;
}
.service-box.style5 .content {
    padding: 0 0px 0;
}
.blog-post.style1 .single_blog_post_content {
    margin-left: 0;
}
.blog-post.style1 h3.title a {
    font-size: 20px;
}
.feature-box.style1 .feature-box-title h2 {
    font-size: 18px;
}
.icon-box.style12 h4.title {
    font-size: 17px;
}
.section-title.style2 .title {
    font-size: 36px !important;
    line-height: 50px !important;
}
.subscribe-wrapper input {
    width: 100%;
}
.sasmind-main-menu.transprent-menu .sasmind_menu > ul > li > a {
    margin: 35px 5px;
    font-size: 15px;
}
.service_section.style1 ul.features li {
	list-style: none;
	font-size: 13px;
}
.sasmind-main-menu.transprent-menu .trp_nav_area {
    padding: 0 5px;
}
.sasmind-main-menu.transprent-menu .trp_nav_area.hbg2 {
    padding: 0 6px;
}
.sasmind-main-menu.transprent-menu .trp_nav_area {
    padding: 0 5px;
}
.sasmind-main-menu.transprent-menu .trp_nav_area.hbg2 {
    padding: 0 6px;
}
.service-box.style2 h3.title {
    font-size: 24px;
    line-height: 32px;
}
.service-box.style1 h3.title {
    font-size: 24px;
    line-height: 32px;
}
.service-box.style1 {
    background-size: cover;
}
.work-process.style1 p.description {
    width: 100%;
}
.testimonial.style2 .owl-nav {
 display:none;
}
.section-title.style2 h3.title {
    font-size: 48px;
    line-height: 52px;
}
.feature-box.style1 {
    padding: 54px 20px 48px;
}
span.slick_img {
    padding: 0;
}
.dreamit-slick-slider .hero-text-wrap h1 span {
    padding-left: 0;
}
h1.title span {
    padding-left: 0;
}
.mc4wp-form-fields button {
    font-size: 15px;
    padding: 17px 13px;
    margin-left: 0px;
}
.mc4wp-form-fields input[type="email"] {
    width: 71%;
}
a.dtbtn:before {
   display:none;
}
.dreamit-image-panel.active .overlay-content {
    left: 30px;;
}
.dreamit-image-panel .overlay-content p {
    width: 100%;
}
.portfolio-filter .single-content .prot_content {
    left: 24px;
}
.section-title.style1 .description {
    font-size: 17px;
    width: 61%;
}
ul.item-list.style2 li {
    padding: 15px 13px 15px 15px;
    font-size: 15px;
    text-align: left;
}
.icon-box.style-two .title h4 {
    font-size: 18px;
}
ul.item-list.style4 li {
    margin-right: 14px;
    font-size: 14px;
}

.section-title.style3 h3.title {
    font-size: 51px;
    line-height: 57px;
}
.dreamit-button.style2 a.button {
    padding: 14px 33px 14px 23px;
    font-size: 14px;
}
.icon-box.style4 {
    transform: rotate(0deg);
    left: 60px;
}
.icon-box.style5 {
    display: none;
}
.icon-box.style6 {
    display: none;
}
.icon-box.style8 .svg-icon-thumb svg {
    width: 330px;
}
.icon-box-style-three .icon-box.style8 .svg-icon-thumb {
    left: -56.4%;
}
.icon-box-style-two .icon-box.style8 .svg-icon-thumb {
    position: absolute;
    top: -115px;
    left: -3%;
}
.hub-wrapper.style-two {
    gap: 88px;
}
.hub-wrapper.style-two .center-logo {
    z-index: 1;
}

.icon-box.style9 .svg-icon-thumb {
    left: -29px;
}
.icon-box.style9 h1.title {
    font-size: 14px;
}
.icon-box-three .icon-box.style9 .svg-icon-thumb {
    left: -35px;
}
ul.item-list.style5 li {
    margin-right: 10px;
}
.achivement-box {
    padding: 24px 17px 7px;
}
.icon-box.style10::after {
    right: -29px;
    clip-path: polygon(0 11px, 0 -35%, 100% 100%, 0% 100%);
}
.icon-box.style10 p.description {
    font-size: 20px;
}
.pricing_single_items.style_three {
    padding: 40px 11px 42px;
}

.service-box.style3 .content {
    left: 6px;
}
.service-box.style3 h3.title {
    font-size: 20px;
}


.icon-box.style16 {
    width: 100%;
}

.heading.style4 p.heading-text {
    width: 70%;
    margin: 32px auto 0;
}
.service-box.style10 h3.title {
    font-size: 20px;
    line-height: 34px;
    margin: 21px 0 8px;
    width: 100%;
}

.service-box.style10 p.description {
    font-size: 15px;
    line-height: 28px;
    width: 100%;
}

.icon-box.style17 {
    padding: 17px 20px 40px;
}
.testimonial-item.style5 {
    padding: 64px 20px 34px;
}
.section-title.style6 h2, .section-title.style6 h3, .section-title.style6 h4 {
    font-size: 38px;
    line-height: 44px;
}
.dreamit-button.style5 a.button {
    padding: 11px 25px 11px 9px;
    font-size: 17px;
}
.section-title.style5 h2, .section-title.style5 h3, .section-title.style5 h4 {
    font-size: 34px;
    line-height: 43px;
}
.filter-tab .content .text p br{
    display:none;
}
.pricing_single_items.style_three ul.features li {
    font-size: 14px;
}
.service-price .pricing_single_items.style_three {
    padding: 40px 16px 42px;
}
.icon-box.style-two .title h1 br{
    display:none;
}
.icon-box.style-two .title h1 {
    font-size: 18px;
}
.feature svg {
    height: 169px;
}
.sidebar {
    display: none;
}
.apps-boulder-wrap {
    width: 398px;
    margin-left: 101px;
}





}


 @media (min-width: 992px) and (max-width: 1024px) {

.service_item.style_one h2.title a {
	color: var(--heading-color);
	font-size: 25px;
	line-height: 10px; 
}

.pricing_area.style_one h2#price-monthly {
    right: 20px;
}
.pricing_area.style_one .tk {
    font-size: 25px;
}
.pricing_area.style_one span.curencyp {
    font-size: 25px;
}
.trp_nav_area {
    padding: 0 0px !important;
}
.sasmind-main-menu.transparent-two .trp_nav_area {
    margin: 0 !important;
    border-radius: 0 !important;
}
.sasmind-main-menu.transprent-menu .sasmind_menu > ul > li > a {
    margin: 35px 6px;
    font-size: 15px;
}
.sasmind-main-menu.transprent-menu .trp_nav_area {
    padding: 0 2px;
}
.sasmind-main-menu.transprent-menu .trp_nav_area.hbg2 {
    padding: 0 1px;
}
span.slick_img {
    padding: 0;
}
.dreamit-slick-slider .hero-text-wrap h1 span {
    padding-left: 0;
}
.sasmind_menu > ul > li > a {
    margin: 35px 9px;
    text-transform: capitalize;
}
.sidebar {
    display: none;
}
.service-box.style6 .service-number {
    right: 18em
}
.dreamit-image-panel .overlay-content p {
    width: 100%;
}
.section-title.style1 .title, .section-title.style1 h2 {
	font-size: 41px;
	line-height: 46px;
}
.top-address p span, .top-address p a {
	margin-right: 0px; 
}
.sasmind-header-top {
	padding: 9px 0px; 
}
.sasmind_nav_area {
	padding: 0 0;
}
.section-title.style1 .description {
	width: 59%; 
}
.filter-tab-two #tabs li a h3 {
	font-size: 17px; 
}
.filter-tab-two #tabs a {
	padding: 19px 15px; 
}
.pricing_area.style_one .pricing-toggle-filter {
    width: 30%;
}



.icon-box.style4 {
    transform: rotate(0deg);
    left: 0;
}
.icon-box.style5 {
    bottom: 129px;
    right: 171px;
    transform: rotate(0deg);
}
.icon-box.style6 {
    padding: 23px 10px 13px;
    width: 38%;
    bottom: 22px;
    right: 185px;
}
.icon-box.style8 .svg-icon-thumb svg {
    width: 316px;
}
.icon-box.style8 p.description {
    width: 96%;
}
.icon-box-style-three .icon-box.style8 .svg-icon-thumb {
    position: absolute;
    top: -124px;
    left: -57.4%;
}
.icon-box-style-two .icon-box.style8 .svg-icon-thumb {
    top: -106px;
    left: -3%;
}
.service-box.style5 p.description {
    width: 60%;
}
.icon-box.style9 .svg-icon-thumb {
    left: 22px;
}
.icon-box.style10 {
    clip-path: polygon(84% 0, 100% 16%, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.pricing_single_items.style_three {
    padding: 40px 18px 42px;
}
.pricing_single_items.style_three ul.features li {
    font-size: 14px;
}

.heading.style4 p.heading-text {
    width: 74%;
    margin: 26px auto 0;
}
.icon-box.style16 {
    width: 100%;
}
.service-box.style10 {
    gap: 68px;
}
.icon-box.style17 {
    padding: 17px 49px 40px;
}
.section-title.style2 h2, .section-title.style2 h3, .section-title.style2 h4 {
    margin: 0px 0 0;
    font-size: 48px;
    line-height: 68px !important;
}
.heading.style4 h2.heading-text {
    font-size: 58px;
    line-height: 56px;
}
ul.my-accordion.style3 li p {
    padding-right: 0;
}
ul.my-accordion.style4 li p {
    padding-right: 0;
}
a.dtbtn {
    display: none;
}
ul.my-accordion.style5 li p {
    padding-right: 93px;
}




}


 @media (min-width: 768px) and (max-width: 991px) {

.pricing_area.style_one h2#price-yearly {
    width: 110px;
    right: 22px;
}
.pricing_area.style_one h2#price-monthly {
    width: 110px;
    right: 30px;
}
.sasmindapptabtext p {
    width: 90%;
}
.section-title.style5 .description {
        width: 100%;
}
.service-box.style6 .service-number {
    right: 16em;
}
figure.reveal {
    position: relative;
    width: 100%;
}
 .dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 33px;
}
.dreamit-slick-slider .hero-text-wrap {
    width: 100%;
}
.dreamit-slick-slider .slider-single-image img {
    width: 83%;
}
.case-study .owl-nav {
	display:none;
}
.dreamit-slick-slider .slider-video-icon {
    left: 27%;
    top: 31%;
}
.service_box.style1 {
    margin-bottom: 0;
}
.team.style2 {
    margin-bottom: 0;
}
.team.style2 .image img {
    width: 100%;
}
   .slick_shape3 {
    display:none;
}
.mobile_menu_logo.text-center {
    text-align: center;
    display: flex;
    justify-content: center;
}
.single-slick {
	min-height: 600px !important;
}
.sasmind-header-top {
    display: none;
}
.portfolio_info {
	 padding-left: 0; 
	 padding-top: 0; 
}
.pricing.style1.style-two {
    padding: 50px 30px 50px;
}
.portfolio_info h2 {
	font-size: 20px;
	padding-bottom: 9px;
}
    .portfolio_info ul li {
    	padding: 5px 0;
    	font-size: 14px;
    }
    .process-shap_one::before {
    	display: none;
    }
    .form-area.quote_form {
    	padding: 19px;
    }
.section-title.style2 h3 {
    font-size: 36px;
}
.section-title.style2 h2 {
    font-size: 36px;
}
.testi-title-shape:after {
    left: 1%;
}
#scrollUp {
    bottom: 40px;
    font-size: 26px;
    height: 55px;
    line-height: 55px;
    right: 50px;
    width: 55px;
}
.icon-box.style1 {
    display: block;
}
.details-page .icon-box.style1 .icon-box-icon {
    margin-bottom: 20px;
}    
.sasmind_menu > ul > li > a {
    margin: 35px 7px;
    font-size: 16px;
}
.donate-btn-header {
    margin-left: 10px;
}
a.dtbtn {
    padding: 8px 10px;
    font-size: 15px;
}
.icon-box.style1 .icon-box-icon .icon i {
    margin-bottom: 30px;
}
.icon-box.style1 .icon-box-content .description p {
    width: 100%;
}
.dreamit-slick-slider .single-slick.four .hero-text-wrap p {
    width: 85%;
}
.filter-tab .tab_content {
    padding: 14px 16px 4px;
}
.section-title.style1 .title {
	font-size: 44px;
	line-height: 50px;
}
.service-box.style1 {
    background-size: cover;
}        
.service-box.style2 {
    background-size: cover;
}    
.team.style1 .image img {
    width: 100%;
}    
.testimonial-item.style2 {
    padding: 40px 33px 30px;
}
.project_carousel.style1 .owl-nav {
    display: none;
}
.blog-post.style1 .single_blog_post_content h3 a {
    border-bottom: 1px solid #fff;
}
.project_item.style_two .service_img img {
    width: 100%;
}
.joint-event-box.style1 {
    display: block;
}
.joint-event-box.style1 .event-location {
    margin: 17px 0 23px;
}
.owl-nav {
    display: none;
}
.filter-tab #tabs li {
    width: inherit!important;
}
.mc4wp-form-fields span {
    display: none;
}
.dreamit-slick-slider {
    min-height: auto;
}
.single-donations-box.style1 {
    margin-bottom: 30px;
}
.feature-box.style1 {
    padding: 54px 33px 48px;
}
.service-box.style6 .service-number {
    right: 16em;
}
.pricing.style1 .pricing-button {
    padding: 13px 35px;
}
.single_blog_post_content h3 a {
     font-size: 24px !important;
}
.portfolio-filter .single-content img {
    height: inherit;
}
.filter-tab-two #tabs {
    display: block;
}
.filter-tab-two #tabs li {
    width: 100%;
    display: block;
}
.portfolio-filter .content .grid-item .prot_content h4 a {
    font-size: 22px;
}
.section-title.style1 .description {
    width: 76%;
}
.service-box.style3 .service-btn a {
	right: -18px; 
}
.service-box.style2 .service-btn a,
.service-box.style1 .service-btn a { 
	right: -12px;
}
.filter-tab-two h3.title {
	font-size: 30px; 
}
.pricing_area.style_one .pricing-toggle-filter {
    width: 42%;
}
.meter-center {
    bottom: -37px;
}
.icon-box.style-two .title h4 br{
    display:none;
}
.icon-box.style-two .title h4 {
    font-size: 17px;
}
.blog-post.style2 .post-item {
    display: block;
}
.blog-post.style2 .post-thumb {
    margin-right: 0;
    margin-bottom: 20px;
}
.blog-post.style2 .post-thumb img {
    width: 100%;
}
.blog-post.style2 .post-thumb:before {
    left: 0;
    width: 100%;

}
.icon-box.style4 {
    transform: rotate(0deg);
    left: 0;
}
.icon-box.style5 {
    bottom: 128px;
    right: -41px;
    transform: rotate(0deg);
}
.icon-box.style6 {
    padding: 12px 5px 8px;
    width: 48%;
    bottom: 41px;
    right: -14px;
}
.icon-box.style8 h1.title {
    margin-top: 12px;
}
.icon-box.style8 p.description {
    font-size: 15px;
    line-height: 26px;
    width: 100%;
}
.icon-box.style8 .svg-icon-thumb svg {
    width: 240px;
}
.icon-box-style-three .icon-box.style8 .svg-icon-thumb {
    left: -60.4%;
}
.icon-box-style-two .icon-box.style8 .svg-icon-thumb {
    position: absolute;
    top: -98px;
    left: -5%;
}
.service-box.style3 .content {
    position: relative;
    left: 0;
}
.service-box.style3 h3.title {
    font-size: 22px;
}
.service-box.style3 p.description {
    width: 100%;
}
.achivement-box {
    padding: 26px 20px 1px;
}
.icon-box.style9 .svg-icon-thumb {
    left: -16px;
}
.icon-box-three .icon-box.style9 .svg-icon-thumb {
    left: -25px;
}
.section-title.style2.center p.description {
    width: 80%;
}
.pricing_single_items.style_three {
    padding: 40px 24px 42px;
}

.heading.style4 h2.heading-text {
    font-size: 50px;
    line-height: 50px;
}
.heading.style4 p.heading-text {
    width: 68%;
}
.icon-box.style16 {
    width: 100%;
}
.section-title.style2 h2 {
    font-size: 36px;
    line-height: 44px !important;
}
ul.my-accordion.style3 li p {
    padding-right: 0;
}
.section-title.style6 h2, .section-title.style6 h3, .section-title.style6 h4 {
    font-size: 31px;
    line-height: 44px;
}
ul.my-accordion.style4 li p {
    padding-right: 0;
}

.post-item.style4 .single_blog_post_content a {
    font-size: 18px !important;
    line-height: 28px !important;
}
.icon-box.style-two .title h1 br{
    display:none;
}
.apps-boulder-wrap {
    width: 299px;
    margin-left: 90px;
}
.apps-boulder-card h2.title {
    margin-top: 107px;
    font-size: 23px;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs {
    display: block;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs a {
    justify-content: center;
}
.dreamit-tab-wrapper.style-one ul.dreamit-tabs li {
    margin-bottom: 10px;
}
.dreamit-tab-wrapper.style-one .tab_thumb {
    margin-bottom: 30px;
}
ul.my-accordion.style4 li p ,
ul.my-accordion.style5 li p{
    padding-right: 40px;
}


}



/* ------------------------------------------------- Large Mobile :480px. ---------------------------------------------------*/
@media (min-width: 576px) and (max-width: 767px) {
   
   
.pricing_area.style_one h2#price-monthly {
    width: 110px;
    right: 30px;
}
.marquee.style_3 .marquee-block h3 img {
    margin: 0 20px 0 35px;
}
.sasmindapptabtext p {
    width: 90%;
}
.marquee-block {
    -webkit-animation: scroll 15s linear infinite;
    animation: scroll 15s linear infinite;
}
.slider-buttons{
    display: block!important;
    text-align: center;
}
 .team.style3 .image img {
    width: 100%;
}   
	.copy-right-text p {
		text-align: center;
		margin-bottom:20px; 
	}
	.footer-menu .social-icon a {
		margin: 0 10px;
	}
	.footer-menu ul {
		text-align:center !important;
	}
	blockquote {
		padding: 20px;
	}
	.dreamit-slick-slider .slider-single-image {
		display: none;
	}
	.dreamit-slick-slider .hero-text-wrap {
		width: 100%;
	}
	.dreamit-slick-slider .hero-text-wrap h1 {
		font-size: 42px;
	}
	.single-slick.style-two .hero-text-wrap h1 {
		font-size: 49px;
	}
	.single-slick.style-two .hero-text-wrap p {
		width: 78%;
	}
	.service_box.style1 {
		margin-bottom: 0;
	}
	.service-box.style3 {
		margin-bottom: 0;
	}
	.team.style2 {
		margin-bottom: 0;
	}
	.team.style2 .image img {
		width: 100%;
	}
	.dreamit-button.style3 .dreamit-button a {
    	margin-left: 0;
	}
	.brpt h2 {
		font-size: 35px;
	}
    .slick_shape3 {
        display:none;
    }
    .dreamit-slick-slider .hero-text-wrap p {
         width: 84%;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        display: none;
    }
    .mobile_menu_logo.text-center {
        text-align: center;
         display: flex;
        justify-content: center;
    }
    .single-slick {
    	min-height: 680px !important;
    }
    .footer-bottom-content-copy {
    	text-align: left;
    }
    .testimonial.style1 .owl-dots {
        display:none;
    }
	.sasmind-header-top {
		display: none;
	}
    .sasmind-header-top {
    	display: none;
    }	

.section-title.style2 h2 {
    font-size: 36px;
}
#scrollUp {
    bottom: 40px;
    font-size: 26px;
    height: 55px;
    line-height: 55px;
    right: 50px;
    width: 55px;
}
.single-donations-box.style1 {
    margin-bottom: 30px;
}
.filter-tab .tab_content {
    padding: 20px 7px 12px;
}
.service_section.style2 .service_body {
    bottom: 29px;
}
.icon-box.style1 {
    display: block;
}
.details-page .icon-box.style1 .icon-box-icon {
    margin-bottom: 20px;
}
.sasmind_menu > ul > li > a {
    margin: 35px 7px;
    font-size: 16px;
}
.donate-btn-header {
    margin-left: 10px;
}
a.dtbtn {
    padding: 8px 10px;
    font-size: 15px;
}
.heading.style1 h2.heading-text {
    font-size: 51px;
    line-height: 61px;
}
.heading.style1 h2.heading-text span {
    font-size: 51px;
    line-height: 67px;
}
.section-title.style1 .title {
    font-size: 25px;
    line-height: 35px;
}
.section-title.style1 h2 {
    font-size: 25px;
    line-height: 35px;
}
.service_section.style1 .service_img img{
    width: 100%;
}
.service-box.style1 .image img {
    width: 100%;
}
.filter-tab #tabs li {
    width: 100%;
}
.testimonial.style5 p.quote {
    font-size: 18px;
    width: 97%;
}
.section-title.style2 .title {
    font-size: 36px;
}
.subscribe-wrapper input {
    width: 68%;
}   
.breadcumb-area {
    padding: 100px 0 !important;
}
.service-box.style1 {
    background-position: center center;
    background-size: cover;
}
.service-box.style2 {
    background-size: cover;
}
.service-box.style2 .image img {
    width: 100%;
}
.service-box.style3 {
    background-size: cover;
}
.section-title.style1 .description {
    width: 88%;
}
.team.style1 .image img {
    width: 100%;
}
.project_carousel.style1 .owl-nav {
    display: none;
}
figure.reveal {
	position: relative;
	width: inherit; 
}
.mc4wp-form-fields input[type="email"] {
    width: 328px;
}
.dreamit-button.style1 a.button {
    margin-right: 20px;
}
.owl-nav {
    display: none;
}
.dreamit-image-panel .overlay-content p {
    width: 100%;
}
.dreamit-image-panel .overlay-content {
    bottom: -274px;
}
.service-box.style6:before {
    width: 510px;
}
.filter-tab-two .image {
    position: inherit;
}
.portfolio-filter .single-content img {
    height: inherit;
}
.filter-tab-two #tabs {
    display: block;
}
.filter-tab-two #tabs li {
    width: 100%;
    display: block;
}

.filter-tab-two .image {
	width: 100%;
}
.filter-tab-two .tabs_content {
	width: 100%;
}
.filter-tab-two .single_tab {
	display: block;
}
ul.item-list.style4 li {
    margin-right: 15px;
}
.pricing_area.style_one .pricing-toggle-filter {
    width: 53%;
}
.pricing_single_items.style_one.active_box.center {
    border-radius: 10px;
    border: none;
    margin-bottom: 30px;
}
.pricing_single_items.style_one.active_box.last {
    border-radius: 10px;
}
.section-title.style3 h3.title {
    font-size: 50px;
    line-height: 55px;
}
.icon-box.style4 {
    transform: rotate(0deg);
    left: 0;
}
.icon-box.style5 {
    position: relative;
    bottom: 0;
    right: 0;
    transform: rotate(0deg);
}
.icon-box.style6 {
    width: 71%;
    position: relative;
    bottom: 0;
    right: 0;
}
.icon-box.style8 .svg-icon-thumb {
    display: none;
}
.section-title.style2 .title {
    font-size: 36px !important;
    line-height: 54px !important;
}
.hub-wrapper.style-two {
    gap: 76px;
}
.hub-wrapper.style-two .center-logo {
    z-index: 1;
}
.service-box.style5 p.description {
    width: 100%;
}
.icon-box.style9 .svg-icon-thumb {
    left: 57px;
}
.section-title.style2.center p.description {
    width: 100%;
    margin: auto !important;
}
.icon-box.style8 p.description {
    width: 65%;
}
.icon-box.style10 {
    clip-path: polygon(91% 0, 100% 16%, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
ul.item-list.style5 li {
    margin-right: 12px;
}

.heading.style4 h2.heading-text {
    font-size: 44px;
    line-height: 40px;
}
.heading.style4 p.heading-text {
    width: 90%;
}
.service-box.style10 p.description {
    width: 80%;
}
.service-box.style10 h3.title {
    font-size: 20px;
    line-height: 30px;
    width: 86%;
}
.icon-box.style17 {
    padding: 17px 70px 40px;
}
.section-title.style6 h2, .section-title.style6 h3, .section-title.style6 h4 {
    font-size: 34px;
    line-height: 47px;
}
ul.my-accordion.style3 li p {
    padding-right: 0;
}
.filter-tab .content .text p br{
   display:none;
}
.section-title.style5 h2, .section-title.style5 h3, .section-title.style5 h4 {
    font-size: 34px;
    line-height: 41px;
}
.filter-tab #tabs li {
    width: 45%;
}
ul.my-accordion.style4 li p {
    padding-right: 0;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs {
    display: block;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs a {
    justify-content: center;
}
.dreamit-tab-wrapper.style-one ul.dreamit-tabs li {
    margin-bottom: 10px;
}
.dreamit-tab-wrapper.style-one .tab_thumb {
    margin-bottom: 30px;
}
ul.my-accordion.style4 li p,
ul.my-accordion.style5 li p{
    padding-right: 30px;
}




}
/* ------------------------------------------------- Small Mobile : 320 ---------------------------------------------------*/
 @media (min-width: 320px) and (max-width: 575px) {

.filter-tab-two .image {
	width: 100%;
}
.filter-tab-two .tabs_content {
	width: 100%;
}
.filter-tab-two .single_tab {
	display: block;
}
.testimonial-item.style1 h5.designation {
	font-size: 14px;
}
.sasmindapptabtext h2 {
    font-size: 22px;
    line-height: 35px;
    margin: 20px 0 15px 0;
}
.marquee-block {
    -webkit-animation: scroll 10s linear infinite;
    animation: scroll 10s linear infinite;
}
.form-area.contact-form.contact-mobile-app .form-control {
    font-size: 14px;
    height: 50px;
}
.form-area.contact-form.contact-mobile-app select.form-select {
    height: 50px;
}
.icon-box.style1 .icon-box-icon .icon i {
    margin-bottom: 30px;
}
.comment-list .comment .comment {
	margin-left: 0;
}
.sasmind-single-blog-details-inner {
	padding: 30px 25px 18px;
}
.comments-area {
	padding: 40px 25px;
}
button {
    font-size: 13px;
}
.section-title .title {
	font-size: 26px;
}
.blog-post.style1 .blog_post_user {
    padding: 17px 18px 17px;
}
.blog-post.style1 h3.title a {
    font-size: 18px;
}
.services-carousel_content h4 a {
    font-size: 20px;
}
.dreamit-slick-slider .slider-single-image {
	display: none;
}
.dreamit-slick-slider .hero-text-wrap {
    width: 100%;
}
.dreamit-slick-slider .hero-text-wrap h1 {
    font-size: 26px;
}
.dreamit-slick-slider .hero-text-wrap p {
    font-size: 14px;
}
.slider-buttons {
    display: block!important;
    text-align: left;
}
.service-box.style3 .service-btn a {
    font-size: 17px;
}
.testimonial.style1 .testimonial-item {
    padding: 28px 25px 27px;
}
.brpt h2 {
	font-size: 30px;
}
 .slick_shape3 {
    display:none;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    display: none;
}
.section-title.style2 .subtitle {
    left: 0;
}
.testimonial.style1 .owl-dots {
    display:none;
}
.portfolio-filter .single-content .video-icon {
    right: 20px;
}
.mobile_menu_logo.text-center {
    text-align: center;
    display: flex;
    justify-content: center;
}
.single-slick {
	min-height: 680px !important;
}
.slider_shape {
	display: none !important;
}
.footer-bottom-content-copy {
	text-align: left;
}
.service .service-box.style3 {
    margin: 0;
}
.sasmind-header-top {
	display: none;
}
.section-title.style1 .description {
    width: 100%;
}
.process-shap_one::before {
	display: none;
}
.form-area.quote_form {
	padding: 10px;
}
h2.form-title {
	font-size: 30px;
}
.section-title.style2 h3 {
    font-size: 21px;
    line-height: 1.3;
}
.section-title.style2 h2 {
    font-size: 21px;
}
#scrollUp {
    bottom: 20px;
    font-size: 22px;
    height: 50px;
    line-height: 50px;
    right: 25px;
    width: 50px;
}
.breadcumb-inner h2 {
    font-size: 19px;
}
.single-blog-content p {
    font-size: 16px;
}
blockquote {
    padding: 31px 16px 30px;
}
.blog-page-title h2, .blog-page-title h2 a {
    font-size: 21px;
}
.section-title.style7 .title {
    font-size: 20px;
}
.feature-box.style1 .feature-number {
    float: inherit;
    margin-bottom: 17px;
}
.feature-box.style1 {
    display: block;
}
.owl-nav {
    display: none;
}
.sasmind_menu > ul > li > a {
    margin: 35px 7px;
    font-size: 16px;
}
.dreamit-button .button {
    padding: 15px 24px;
}
.icon-box.style-two {
    display: block;
}
.service_carousel.style1 .service_content {
    margin-left: 0;
    padding: 30px 12px 24px;
}
.blog-post.style1 .single_blog_post_content {
    margin-left: 0;
}
.service-box.style1 .image img {
    width: 100%;
}
.testimonial.style1 p.quote {
    font-size: 16px;
    line-height: 26px;
}
.team.style1 h2.name {
    font-size: 20px;
}
.pricing.style1 .pricing-body {
    padding-left: 0;
}
.pricing.style1 {
    padding: 30px 21px 40px;
}
.my-accordion li p {
    padding: 0 8px 15px;
}
.my-accordion a {
    padding: 23px 13px 23px 12px;
}
.portfolio-filter .content .grid-item .prot_content h4 a {
    font-size: 23px;
}
.portfolio-filter ul {
    width: 100%;
}
.portfolio-filter ul li {
    margin-bottom: 11px!important;
}
.filter-tab .tab-content {
    padding: 35px 10px 17px;
}
.filter-tab .my-accordion li p {
    padding: 0 15px 24px 17px;
    font-size: 15px;
}
.filter-tab #tabs li {
    width: 100%;
}
.hero-sub-title h2 {
    font-size: 12px; 
}
.section-title.style2 .title {
    font-size: 19px;
    line-height: 18px;
}
.sasmind-single-booking-details .datepick-month {
    width: 17.4em;
}
.sasmind-blog-area.em-theme-main-page .sasmind-single-blog-details{
    background: transparent;
    padding: 0;
    margin-bottom: 40px;
}
.section-title.style1 .title, .section-title.style1 h2 {
    font-size: 22px;
    line-height: 33px;
}
.breadcumb-area {
    padding: 100px 0 !important;
}
.section-title.style1.left .description {
    width: 100%;
}
.blog-post.style1 .single_blog_post_content h3 a {
    font-size: 20px;
    line-height: 26px;
    padding: 0px 32px 15px 20px;
}
.dreamit-button.style1 a.button {
    padding: 18px 30px;
    font-size: 17px;
}
.mc4wp-form-fields input[type="email"] {
	width: 100%;
}
.feature-box.style1 { 
    padding: 44px 29px 37px;
}
.feature-box.style1 .feature-box-title h2 {
    font-size: 23px;
    line-height: 32px;
}
.feature-box.style1 .feature-box-icon {
    margin-right: 0;
    margin-bottom: 22px;
}
.icon-box.style-two .description p {
    margin: 16px 0 0;
}
.filter-tab #tabs a {
    width: 100%;
    text-align: center;
}
.filter-tab .content {
    padding-top: 0!important;
}
h1.title span {
    padding-left: 0;
}

.pricing.style1 .pricing-button {
    padding: 11px 10px;
    font-size: 15px;
}
.pricing .pricing-body ul li {
    font-size: 15px !important;
}
.filter-tab-two .image {
    position: inherit;
    right: 0;
}
.filter-tab-two .single_tab {
	padding: 54px 20px 56px;
}
.filter-tab-two h3.title {
    font-size: 26px;
}
.portfolio-filter .single-content img {
    height: inherit;
}
.filter-tab-two #tabs {
    display: block;
}
.filter-tab-two #tabs li {
    width: 100%;
    display: block;
}

.section-title.style1 .description {
    width: 100%;
    padding: 16px 0 0px;
    font-size: 16px;
}
ul.item-list.style2 li {
    font-size: 17px;
}
.meter-center {
    bottom: -46px;
}
.icon-box.style-two .title h4 br {
    display: none;
}
.icon-box.style-two .img-icon {
    margin-right: 0;
    margin-bottom: 18px;
}
ul.item-list.style3 li span {
    display: none;
}
ul.item-list.style4 {
    display: block;
}
.service-box.style1 {
    padding: 34px 21px 35px;
}
.service-box.style2 ul.features li {
    font-size: 12px;
}
.section-title.style2.center p.description {
    width: 85%;
    margin: auto;
}
.single-counter.style1 {
    padding: 40px 22px 34px;
}
.pricing_area.style_one .pricing-toggle-filter {
    width: 91%;
    padding: 12px 10px;
}
.pricing_area.style_one .pricing-toggle span {
    font-size: 13px;
}
.pricing_single_items.style_one span.basic {
    display: none;
}
.pricing_single_items.style_one {
    padding: 26px 0 40px;
}
.pricing_single_items.style_one.active_box.center {
    border-radius: 10px;
    margin: 0 0 30px;
    padding: 26px 20px 40px;
    border:none;
}
.pricing_single_items.style_one.active_box.last {
    border-radius: 10px;
    padding: 26px 20px 40px;
}
.marquee-container .testimonial {
    padding: 22px;
}
.my-accordion.style1 a {
    padding: 23px 30px 23px 14px;
    font-weight: 500;
    font-size: 16px;
}
.my-accordion.style1 li p {
    padding: 18px 20px 30px 20px;
    font-size: 15px;
    line-height: 25px;
}
.my-accordion a:before {
    right: 20px;
}
.my-accordion a:after {
    right: 15px;
}
.my-accordion.style1 a.active:before {
    right: 7px;
}
.my-accordion.style1 a.active:after {
    right: 20px;
}

.blog-post.style2 .post-item {
    display: block;
}
.blog-post.style2 .post-thumb {
    margin-right: 0;
    margin-bottom: 20px;
}
.blog-post.style2 .post-thumb img {
    width: 100%;
}

.section-title.style3 h3.title {
    font-size: 26px;
    line-height: 28px;
}
ul.item-list.style5 li {
    margin-bottom: 12px;
}
.icon-box.style4 {
    transform: rotate(0deg);
    left: 0;
}

.icon-box.style5 {
    position: relative;
    bottom: 0;
    right: 0;
    transform: rotate(0deg);
}
.icon-box.style6 {
    position: relative;
    bottom: 0;
    right: 0;
}
.heading.style1 p.heading-text {
    width: 100%;
}
.icon-box.style6 {
    padding: 34px 12px 27px;
    width: 100%;
    position: relative;
    bottom: 0;
    right: 0;
}
.icon-box.style6 h1.title {
    font-size: 19px;
}
.icon-box.style8 .svg-icon-thumb {
    display: none;
}
.section-title.style2 .title {
    font-size: 19px !important;
    line-height: 30px !important;
}
.icon-box.style4 {
    padding: 26px 14px 35px;
}
.service-box.style3 .content {
    left: 0;
}
.service-box.style3 h3.title {
    font-size: 19px;
}
.service-box.style3 p.description {
    width: 100%;
}
.smart-tools-box {
    padding: 20px 0 34px;
}
.smart-immigrations-box {
    padding: 3px 1px 21px;
}
.hub-wrapper.style-two {
    gap: 24px;
}
.hub-wrapper.style-two .icon .svg-code {
    display: none;
}
.service-box.style5 .content {
    left: 6px;
}
.service-box.style5 h3.title {
    font-size: 19px;
    line-height: 28px;
}
.service-box.style5 p.description {
    width: 100%;
}
.achivement-box {
    padding: 17px 13px 8px;
}
.dreamit-button.style4 .button {
    padding: 0;
}
.icon-box-three .icon-box.style9 .svg-icon-thumb {
    position: relative;
    top: 0;
    left: -53px;
}
.icon-box.style10 {
    clip-path: polygon(82% 0, 100% 16%, 100% 60%, 100% 100%, 0 100%, 0% 60%, 0 0);
}
.pricing_area.style_three .pricing-toggle-filter {
    padding: 20px 9px;
}
.pricing_single_items.style_three {
    padding: 25px 11px 32px;
    margin-bottom: 15px;  
}
.pricing_single_items.style_three ul.features li {
    font-size: 13px;
    line-height: 32px;
}
.heading.style1 p.heading-text {
    width: 100%;
    font-size: 16px !important;
    line-height: 30px !important;
}
.testimonial-item.style3 {
    padding: 38px 18px 34px;
}
.testimonial-item.style3 p.quote_two {
    font-size: 16px;
}
ul.my-accordion.style1.style2 a {
    padding: 16px 23px 18px 12px;
    font-size: 17px;
    width: 94%;
}
ul.my-accordion.style1.style2 li p {
    padding: 18px 30px 30px 10px;
}
ul.my-accordion.style1.style2 a:before {
    right: 20px;
}
ul.my-accordion.style1.style2 a:after {
    right: 15px;
}
ul.my-accordion.style1.style2 li:before {
    right: 17px;
}
.form-area.quote_form.help-desk {
    padding: 50px 25px 24px;
}
.icon-box.style9 .svg-icon-thumb {
    left: -43px;
}

.heading.style4 h2.heading-text {
    font-size: 24px;
    line-height: 18px;
}
.heading.style4 p.heading-text {
    width: 98%;
}
.icon-box.style16 {
    width: 100%;
}
.service-box.style10 {
    display: block;
    padding: 20px 18px 12px;
}
.service-box.style10 h3.title {
    font-size: 22px;
    line-height: 32px;
    margin: 21px 0 8px;
    width: 100%;
}
.service-box.style10 p.description {
    width: 94%;
}
.service-box.style10 .service-btn a {
    margin-bottom: 28px;
}
.icon-box.style17 {
    padding: 17px 18px 40px;
}
.icon-box.style17 h1.title {
    font-size: 21px;
}
.testimonial-item.style5 {
    padding: 64px 13px 34px;
}
.crm-mail .subscribe-wrapper {
    width: 100%;
}
.section-title.style6 h2, .section-title.style6 h3, .section-title.style6 h4 {
    font-size: 21px;
    line-height: 31px;
}
.service-box.style8 ul.service-box-list li {
    font-size: 14px;
}
.crm-right.box {
    padding: 20px 15px 15px;
}
.crm-section .crm-left img {
    height: inherit;
}
.crm-right.box h3.title {
    font-size: 18px;
}
.testimonial-item.style4 {
    padding: 21px 14px 30px;
}
.testimonial-item.style4 p.quote {
    font-size: 17px;
    line-height: 27px;
}
.testimonial-item.style4 p.quote_two {
    font-size: 18px;
}
.testimonial-item.style4 h4.name {
    font-size: 18px;
}
.single-counter.style_four,
.single-counter.style_five{
    padding: 44px 9px 26px;
}
ul.my-accordion.style3 li p {
    padding-right: 0;
}
ul.my-accordion.style3 a {
    padding: 23px 55px 23px 13px;
    font-size: 16px;
}
.section-title.style5 h2, .section-title.style5 h3, .section-title.style5 h4 {
    font-size: 22px;
    line-height: 31px;
}
.service-box.style6 .content {
    padding: 0 0 0;
}
ul.my-accordion.style4 li p {
    padding-right: 0;
}
.service-price .pricing_single_items.style_three {
    padding: 40px 20px 42px;
    margin-bottom:30px;
}
.service-price .pricing_area.style_three .pricing-toggle-filter {
    padding: 15px 12px;
}
.feature svg {
    height: 131px;
}
.icon-box.style-two .title h1 br{
    display:none;
}
.testimonial-item.style6 {
    padding: 21px 10px 30px;
}
.testimonial-item.style6 p.quote {
    font-size: 17px;
    line-height: 27px;
}
.testimonial-item.style6 h4.name {
    font-size: 17px;
}
.post-item.style4 .meta {
    display: block;
}
.testimonial-item.style6 p.quote_two {
    font-size: 17px;
}
.single-counter.style_six,
.single-counter.style_seven{
    padding: 44px 12px 26px;
}
.crm-section.style2 .crm-right.box {
    padding: 28px 14px 29px 14px;
}
.crm-section.style2 .crm-right.box h3.title {
    font-size: 17px;
}
.crm-section.style2 .crm-right.box .service-btn a {
    font-size: 16px;
}
.icon-box.style19 {
    display: block;
}
.icon-box.style19 .img-icon {
    margin-bottom: 20px;
}

span.text {
    font-size: 14px;
}
.crm-right.box ul.service-box-list li img {
    margin-right: 0px; 
}
.brand.style1 .brand-item {
    padding: 13px;
    margin: 0 10px; 
}
.crm-mail .mc4wp-form-fields button {
    padding: 9px 10px; 
}
.filter-tab .content .text p br{
    display:none;
}
.ai-apps-dsc p.heading-text {
    width: 100%;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs {
    display: block;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs a {
    justify-content: center;
}
.dreamit-tab-wrapper.style-one ul.dreamit-tabs li {
    margin-bottom: 10px;
}
.dreamit-tab-wrapper.style-one .tab_thumb {
    margin-bottom: 30px;
}
.apps-boulder-wrap {
    width: 281px;
    margin-left: 59px;
}
.apps-boulder-card h2.title {
    margin-top: 134px;
    font-size: 22px;
}
.apps-boulder-card {
    padding: 21px;
}
.dreamit-tab-wrapper.style-one .dreamit-tabs a {
    padding: 11px 40px 11px 28px;
}
.dreamit-tab-wrapper.style-one .tab_thumb {
    padding: 0;
}
.dreamit-tab-wrapper.style-one .tab-content-inner {
    padding: 27px 11px 25px 11px;
}
.dreamit-tab-wrapper.style-one .tab-inner-title h2 {
    line-height: 35px;
    font-size: 22px;
}
.dreamit-tab-wrapper.style-one .features li {
    font-size: 13px;
}
.work-process.style1 .content h3 {
    font-size: 17px;
}
.testimonial-item.style7 .testi_content {
    padding: 22px 0px 24px;
}
ul.my-accordion.style5 li p {
    padding-right: 10px;
}



}

 

/* Fix for blog single page layout */
@media (min-width: 992px) {
    .sasmind-blog-area.single-blog-details .col-lg-8,
    .sasmind-blog-area.single-blog-details .col-lg-4 {
        float: left;
    }
    .sasmind-blog-area.single-blog-details .col-lg-8 {
        width: 66.66667%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .sasmind-blog-area.single-blog-details .col-lg-4 {
        width: 33.33333%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .sasmind-blog-area.single-blog-details .row {
        display: flex;
        flex-wrap: wrap;
    }
}
.sasmind-blog-area.single-blog-details .col-lg-8 > * {
    max-width: 100%;
    box-sizing: border-box;
}