/**
 * Theme Name:     (VamTam) Tecnologia Child
 * Author:         Tecnologia
 * Template:       tecnologia
 * Text Domain:	   vamtam-tecnologia-child
 * Description:    Welcome to Tecnologia, a modern IT Services and App Development Theme. This lovely niche theme is built and suitable for any business operating in the IT and Saftawre industry. The theme features carefully designed layouts ideal for every contemporary IT company, app landing page, IT services agency, tech startup, as well as for tech support, and every modern software company showcase. It is suitable for users with zero programming skills and advanced developers.
 */



/* Custom CSS Start
-------------------------------------------------------------------------------*/
.buttons_design .elementor-button:hover { color:#fff !important;}
.sticky_whatsapp{position:fixed;right:12px;top:60%;z-index:9;font-size:0}
.sticky_whatsapp img {width:60px; transition:transform .2s;}
.sticky_whatsapp img:hover {transform:scale(1.1);}

.table_design table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow:0px 4px 26px 0px #b4bbc7b3;
    border: 1px solid #fff;
}

.table_design td, .table_design th {
  border: 1px solid #cfd1d3;
  text-align: left;
  padding: 8px;
font-size: 16px;
}

.table_design tr:nth-child(even) {
  background-color: #e4e6e9;
}
.table_design table td{
  font-weight:normal;
}
.text_spacing_br .elementor-icon-box-description b {
    color: #000;
}
.text_spacing_br a.cataolgue {
    color: #2ea3f2 !important;
}
.product_work .client_imgs img {
	filter: grayscale(1);
}
.product_work .client_imgs img:hover {
    filter: none;  
    }
.datasheet_br a.cataolgue {
    color: #2ea3f2 !important;
}

.datasheet_br  .e-con-inner {
	white-space: nowrap !important;
    overflow-x: scroll;
    display: ruby !important;
}
.datasheet_br  .e-con-inner a:hover {
	text-decoration:underline;
}

.datasheet_br .e-con-inner::-webkit-scrollbar {
	border-radius:10x !important;
	height:8px;
}
.datasheet_br .e-con-inner::-webkit-scrollbar-track {
  background: #b1b1b1;
	border-radius:10x !important;
}
.datasheet_br .e-con-inner::-webkit-scrollbar-thumb {
  background: #4b4b4b;
	border-radius:10x !important;
	cursor:pointer;
}
.datasheet_br .e-con-inner::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.datasheet_br .e-con-inner .e-con-full {
	margin:0 8px;
}

/* .product_s .sub-menu .menu-item .elementor-sub-item img {
    height: auto;
    max-width:40px !important;
    border: none;
    border-radius: 0;
    box-shadow: none;
} */
.product_s .sub-menu .menu-item .elementor-sub-item span {
    max-width:76% !important;
	white-space: break-spaces;
}
.product_s .sub-menu .menu-item  a {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
   
    border-radius: 7px;
    padding: 12px !important;
}
.product_s .sub-menu {
    width: 1080px !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
.product_s li.product_li {
    width:24% !important;
}
.product_s li.product_li span{
	font-size:16px;
}

.product_s .highlighted + .sub-menu {display:flex !important;}

.uf_section a.cataolgue {
    color: #2ea3f2 !important;
	cursor: pointer;
}
.page-header h1 {
    display: none !important;
}

.resources_s .sub-menu {
    width: 400px !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}

.resources_s .sub-menu .menu-item .elementor-sub-item span {
    max-width:76% !important;
	white-space: break-spaces;
}
.resources_s .sub-menu .menu-item  a {
    display: flex !important;
    flex-wrap: wrap;
    gap: 14px;
   
    border-radius: 7px;
    padding: 12px !important;
}

.resources_s li.product_li {
    width:32% !important;
}
.resources_s li.product_li span{
	font-size:16px;
}
.resources_s .highlighted + .sub-menu {display:flex !important;}


.fullflesh_form .elementor-widget-container {
    margin: 0 !important;
}
.fullflesh_form form p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.fullflesh_form form p .wpcf7-form-control-wrap:nth-child(1) {
	 width:48%;
}
.fullflesh_form form p .wpcf7-form-control-wrap:nth-child(3) {
	 width: 28%;
}


/* Custom home page popup css
-------------------------------------------------------------------------------*/

.homepage_form h4 {
    font-size: 26px;
    padding-bottom: 28px;
}
.homepage_form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
       width: 100%;
    opacity: 1;
    padding: 23px 15px;
    border-radius: 8px;
}

.homepage_form input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
     width: 100%;
    opacity: 1;
    padding: 23px 15px;
    border-radius: 8px;
}

.homepage_form  .action-button {
    background-color: #65739f !important;
}

.homepage_form span.wpcf7-form-control.wpcf7-radio {
	display: flex;
    flex-wrap: wrap;
    gap: 18px;
    row-gap:35px;
    padding-left: 2px;
}

.homepage_form input {
   opacity:0;
	height:0;
	width:0;
	margin:0;
}
.homepage_form span.wpcf7-list-item-label {
    border-radius: 6px;
    padding: 11px 16px;
    box-shadow: 0px 0px 0px 2px #d7d7d7;
    font-size: 17px;
    transition: .2s all ease;
    font-weight: 400;
	position: relative;
}
.homepage_form span.wpcf7-list-item-label:hover {
    box-shadow: 0px 0px 0px 2px #0073aaba;
    color: #0073aa;
}

.homepage_form input:checked + span.wpcf7-list-item-label {
    box-shadow: 0px 0px 0px 2px #0073aaba;
    color: #0073aa;
}
.homepage_form input:checked + span.wpcf7-list-item-label:after {
	content: '';
    padding: 10px 15px 15px 10px;
    background: url(./images/white-check-mark.svg) no-repeat 50% 50% #0073aa;
    background-size: 21px;
    border-radius: 95px;
    position: absolute;
    top: -14px;
}
.homepage_form input:checked + .wpcf7-list-item-label > i {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

.homepage_form span.wpcf7-list-item {
	margin:0;
}

.homepage_form + p + .cf7mls-btns {
    float: left;
}

.homepage_form + p + .cf7mls-btns .action-button {
    border-radius: 6px;
}

.homepage_form + p + .cf7mls-btns .cf7mls_back.action-button {
	margin-right:8px;
}

a.dialog-close-button.dialog-lightbox-close-button {
	background-color: #0073aa;
    border-radius: 100px;
    padding: 12px;
    box-shadow: 0px 0px 0px 2px #fff;
    color: #fff;
    transition: .3s all ease;
}

a.dialog-close-button.dialog-lightbox-close-button:hover {
	background-color: #ffffff;
    box-shadow: 0px 0px 0px 2px #0073aa;
    color: #0073aa;
}

.homepage_form input.wpcf7-form-control.wpcf7-submit {
	padding: 13px 19px !important;
    opacity: 1;
    width: auto;
    height: auto;
    margin-top: 35px !important;
    border-radius: 8px !important;
}

/* * Custom home page popup css End
-------------------------------------------------------------------------------*/

/* Custom CSS End
-------------------------------------------------------------------------------*/

/* circle start
-------------------------------------------------------------------------------*/

.circle text {
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* circle end
-------------------------------------------------------------------------------*/



/* Down Arrow Start
-------------------------------------------------------------------------------*/

.scroll_down{width:100px;position:absolute;bottom:-5px;right: 0;color:#fff !important;font-size:15px;text-transform:uppercase;cursor:pointer;margin-left:0;text-align: right;padding-bottom:40px;-webkit-animation: bounceArrow .6s linear 0s alternate infinite;animation: bounceArrow .6s linear 0s alternate infinite;font-weight:700;}
.scroll_down span{display:block;text-align: right;z-index:2;height:4px;top:-10px;position:relative;left: -23px;}
.scroll_down:after{display:block;content:'';width:1px;height:99px;background-color:white;position:absolute;left:6px;margin-left: 64px;bottom:-63px;}
@-webkit-keyframes bounceArrow {
0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(7px)}
}
@keyframes bounceArrow {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(7px);transform:translateY(7px)}
}
/* Down Arrow End
-------------------------------------------------------------------------------*/



/* Top to Bottom Start
-------------------------------------------------------------------------------*/

#button{display:inline-block;background:#575757; box-shadow:0px 0px 0px 1px #ffffffb3;width:40px;height:40px;text-align:center;border-radius:50px;position:fixed;bottom:55px;right:0;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;z-index:1000;display:flex; align-content:center; justify-content:center;}
#button img {width:20px;}
#button:hover{cursor:pointer; background:#65739F;}
#button:active{background-color:#555}
#button.show{opacity:1;visibility:visible; display:flex; align-content:center; justify-content:center;}
@media (min-width: 500px) {
.content{width:43%}
#button{margin:20px}
}
/* Top to Bottom End
-------------------------------------------------------------------------------*/

/* Custom CSS Start
-------------------------------------------------------------------------------*/
.whatwe_do{width:98%!important;margin:0 auto!important;margin-bottom:50px!important}
.design_header .elementor-nav-menu a{font-size:20px!important}
/* Custom CSS End
-------------------------------------------------------------------------------*/


/* Auto typing Start
-------------------------------------------------------------------------------*/
.banner_design h4{color:#fff!important;text-align:center;background:#00000038;border-radius:70px;backdrop-filter:blur(2px);display:flex;margin:0 auto;padding:12px 10px 12px 40px;border-bottom:1px solid #ffffff42;box-shadow:0 8px 14px 1px #0000001a;width:520px;font-weight:200!important;background-image:linear-gradient(90deg,#00000000 5%,#0000007a 50%,#00000000 100%)}
.banner_design h4 span{color:#fff;text-transform:capitalize;font-weight:600!important;display:contents}
/* Auto typing End
-------------------------------------------------------------------------------*/


/* Banner CSS Start
-------------------------------------------------------------------------------*/
/* .banner_design{width:98%;margin:0 auto;border-radius:15px;overflow:hidden} */
/* Banner CSS End
-------------------------------------------------------------------------------*/

/* Product & Solutions Start
-------------------------------------------------------------------------------*/
.product_solutions {width:98%;margin:0 auto;border-radius:15px;overflow:hidden}
.pro_heading{z-index:99}
.product_solutions .elementor-element-populated .elementor-widget-button {z-index:99}
/* Product & Solutions End
-------------------------------------------------------------------------------*/

/* Popup Form Start
-------------------------------------------------------------------------------*/
.popup_form_design .columns_wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.popup_form_design .column-1_1{width:100%}
.popup_form_design .column-1_2 {
    align-items: center;
    margin: 0 auto;
    display: block;
}
.popup_form_design input{width:100%}
.popup_form_design textarea{width:100%;height:120px}
.popup_form_design .wpcf7-submit{ width: 130px; align-items: center;
    margin: 0 auto;
    display: block;}
.popup_form_design .wpcf7-list-item label{display:flex;justify-content:space-between;flex-wrap:wrap}
.popup_form_design .wpcf7-list-item label input{width:40px}
.dialog-widget-content{border-radius:10px}
#elementor-popup-modal-7718 .dialog-message{width:600px!important;padding:3vh 7% 4vh!important}
/* Popup Form End
-------------------------------------------------------------------------------*/



/* Animation line Inner Pages Start 
-------------------------------------------------------------------------------*/
.line_animation{position:absolute!important;height:100%;z-index:0}
.animation_lines{height:100%;padding:40px 0;position:absolute}
.lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:90vw}
.line{position:absolute;width:1px;height:100%;top:0;left:50%;overflow:hidden;background-image:linear-gradient(180deg,#ffffff 29%,#d2d2d3 100%)}
.line::after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#9eb0cd 75%,#9fb1c9 100%);-webkit-animation:drop 7s 0 infinite;animation:drop 7s 0 infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(0.4,0.26,0,0.97);animation-timing-function:cubic-bezier(0.4,0.26,0,0.97)}
.line:nth-child(1){margin-left:-51%}
.line:nth-child(1)::after{-webkit-animation-delay:2s;animation-delay:2s}
.line:nth-child(2){margin-left:-25.6%}
.line:nth-child(3){margin-left:25%}
.line:nth-child(3)::after{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.line:nth-child(4){margin-left:-.3%}
@-webkit-keyframes drop {
0%{top:-50%}
100%{top:110%}
}
@keyframes drop {
0%{top:-50%}
100%{top:110%}
}
/* Animation line Inner Pages End
-------------------------------------------------------------------------------*/



/* Footer CSS Start
-------------------------------------------------------------------------------*/
footer .elementor-heading-title{color:#575757!important}
footer ul.elementor-nav-menu li a{color:#5f5f5f!important}
footer ul.elementor-nav-menu li a:hover{color:#000!important;text-decoration:underline}
footer form input::placeholder{color:#8d8d8d!important}
footer form input[type="email"]{color:#000!important;width:100%;background:#ebebeb!important;border-color:#7d7d7d!important}
footer form span.wpcf7-list-item{margin:5px 0}
.copyright_design p{margin:0}
footer form .wpcf7-submit:before{content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900}
/* Footer CSS End
-------------------------------------------------------------------------------*/

/* breadcrum css of all pages start
-------------------------------------------------------------------------------*/

.inner_breadcrum .elementor-widget-container:after {
    content: '';
    position: absolute;
    right: 0;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    bottom: 0;
    transition: .3s all ease;
    width: 109px;
    height: 100%;
    border-radius: 50px 0px 0px 50px;
}
.inner_breadcrum .elementor-widget-container a {
    position: relative;
    border-radius: 8px 8px 8px 8px;
    font-size: 15px !important;
    padding:10px 23px 10px 15px;
    font-weight: 400;
    transition: .3s all ease;
    border: 2px solid #000;
    color: #000 !important;
    font-weight: 500;
	background: #fff;
	    line-height: 72px !important;
}
.inner_breadcrum .elementor-widget-container a:after {
    content: '';
    position: absolute;
    right: -13px;
    background: url(./images/phone.svg) #fff !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    bottom: 16%;
    transition: .3s all ease;
    width: 26px;
    height: 26px;
	border-radius: 50px;
}

.inner_breadcrum .elementor-widget-container a:hover {
	border-color:#fff;
}

/* breadcrum css of all pages end
-------------------------------------------------------------------------------*/

/* About Page CSS Start
-------------------------------------------------------------------------------*/

.innerbanner_design {
    width: 97.6%;
    margin: 0 auto;
    border-radius: 10px;
}

.about_gallerydesign .swiper-slide img {
	border:7px solid #dbdfe6;
    border-radius: 17px;
    overflow: hidden;
}
.design_title .elementor-icon-list-icon svg {
    margin-top: -25px !important;
    background: #131313;
    border-radius: 50%;
    padding: 1px;
}
.design_title  .span .elementor-icon-list-text {
    font-size: 36px !important;
}

.inner_shadowtitle .elementor-widget-container{
    position:relative;
}
.inner_shadowtitle .elementor-widget-container:after {
    content: '';
    position: absolute;
    right: 0;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    bottom: 0;
    transition: .3s all ease;
    width: 109px;
    height: 100%;
    border-radius: 50px 0px 0px 50px;
}
.inner_shadowtitle .elementor-widget-container a {
    position: relative;
    border-radius: 8px 8px 8px 8px;
    font-size: 15px !important;
    padding:10px 23px 10px 15px;
    font-weight: 400;
    transition: .3s all ease;
    border: 2px solid #000;
    color: #000 !important;
    font-weight: 500;
	background: #fff;
	    line-height: 72px !important;
}
.inner_shadowtitle .elementor-widget-container a:after {
    content: '';
    position: absolute;
    right: -13px;
    background: url(./images/download-fill-black.svg) #fff !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    bottom: 16%;
    transition: .3s all ease;
    width: 26px;
    height: 26px;
	border-radius: 50px;
}

.inner_shadowtitle .elementor-widget-container a:hover {
	border-color:#fff;
}


.innerbanner_design .elementor-container {
    min-height: 36vh !important;
}


.about_gallerydesign {
    width: 97.6% !important;
    margin: 0 auto !important;
    margin-bottom: 50px !important;
}

/* About Page CSS End
-------------------------------------------------------------------------------*/
.sticky_linkedin {
    position: fixed;
    right: 17px;
    top: 81%;
    z-index: 9;
    font-size: 0;
}
.sticky_linkedin img {
    width: 50px;
    transition: transform .2s;
}




/* Contact Us Page Start 
----------------------------------------------------------------------*/
.form_design input, select, textarea {
        width: 100%;
    border-radius: 10px !important;
    color: #000 !important;
    padding: 14px 12px !important;
    border: 1px solid #bfc3c9 !important;
    transition: .3s all ease;
}
.form_design input:hover, select:hover, textarea:hover {
    border-color:#677181 !important;
}
.form_design textarea {
	height:90px;
}
.form_design .wpcf7-submit {
	color: #fff !important;
    padding: 14px 20px !important;
    width: auto;
    border: none !important;
	float: left;
}
.form_design form p {
    margin: 0 0 .6em 0;
}

.form_design form .wpcf7-list-item label {
	    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
gap: 5px;
}
.form_design form .wpcf7-list-item label input{
    width: 23px;
    height: 18px;
}

.office_boxdesign .elementor-column-gap-no {
    flex-wrap: wrap;
	flex-direction: column;
}
.office_boxdesign .elementor-column-gap-no .elementor-column {
	width:100% !important;
}

/* Contact Us Page End 
----------------------------------------------------------------------*/



.innerpage_banner {
	width: 97.6% !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Responsive CSS Start
-------------------------------------------------------------------------------*/

@media only screen and (max-width:1450px) {
	.innerpage_banner .e-con-inner {
    padding: 230px 0 15px 0 !important;
}
.innerpage_banner h2.elementor-heading-title {
    font-size: 30px;
    font-weight: 600;
}
	
    .innerpage_banner .small_heading h2.elementor-heading-title {
        font-size: 18px !important;
        font-weight: 400 !important;
    }
.line:nth-child(4){margin-left:7.5%}
.line:nth-child(3){margin-left:36.5%}
.line:nth-child(2){margin-left:-22%}
.popup_form_design textarea{height:80px}
.sticky_whatsapp img{width:50px}
.sticky_linkedin img{width:50px}
.whatwe_do{width:98%!important;margin:0 auto!important;padding:0 10%!important}
.product_solutions{width:98%;padding:0 10%!important;margin-top:32px!important}
.product_solutions .elementor-cta__content h2{font-size:18px!important}
.product_solutions .elementor-cta__content .elementor-icon svg{width:.8em;height:.8em}
.design_header ul.elementor-nav-menu li a{
        font-size: 14px !important;
        padding: 0 8px !important;
}
.design_header .top_contact{padding:0}
.banner_design h1.elementor-heading-title{font-size:40px!important;padding:0 22%;line-height:52px!important}
.banner_design{padding:2% 0 3%!important}
.banner_design .elementor-container{min-height:350px!important}
.banner_design .elementor-widget-container{margin:0 0 2%!important}
.banner_design h4{padding:9px 20px 9px 47px;width:460px;font-size:20px!important}
.banner_design .elementor-heading-title{font-size:20px!important}
.banner_design .elementor-button{padding:11px 15px 9px 17px !important;font-size:14px!important}
.banner_design .animation_text{margin-bottom:2px!important}
	
}
@media (min-width: 1224px) {
    .elementor-171 .elementor-element.elementor-element-f02d626 {
        width: 61.1% !important;
    }
}


@media only screen and (max-width:1024px){
	
.product_s .sub-menu .menu-item .elementor-sub-item img {
    height: auto;
    max-width: 10% !important;
    padding-right: 10px !important;
}
	.product_s .sub-menu {
    width: 768px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
.resources_s .sub-menu .menu-item .elementor-sub-item img {
    height: auto;
    max-width: 10% !important;
    padding-right: 10px !important;
}
	.resources_s .sub-menu {
    width: 768px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
}

@media only screen and (max-width:980px) {
	
	.inner_shadowtitle .elementor-widget-container a:after {
    bottom: 8%;
    width: 23px;
    height: 23px;
		right: -11px;
}
	

.innerpage_banner .e-con-inner {
        padding:60px 10px 26px 10px !important;
    }
	    .innerpage_banner h2.elementor-heading-title {
        font-size: 22px;
    }
	    .innerpage_banner .small_heading h2.elementor-heading-title {
        font-size: 14px !important;
    }
.inner_shadowtitle .elementor-widget-container a {
            line-height:56px !important;
        padding: 7px 19px 7px 11px;
        font-size: 13px !important;
}
.scroll_down {
    width: 52px;
    font-size: 12px;
    text-align: center;
}
	.scroll_down:after {
    left: 0;
    margin-left: 22px;
}
.form_design form .wpcf7-list-item {margin:12px 0 0 0 !important;}

	.form_design form .wpcf7-list-item label {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}
	
.office_boxdesign .elementor-icon-box-icon {margin:0 !important;}
	
.innerbanner_design .elementor-container {
    min-height: 20vh !important;
}
.inner_shadowtitle .elementor-widget-container:after {display: none;}
.sticky_whatsapp img{width:42px}
.sticky_whatsapp{right:5px}
.sticky_linkedin img{width:42px}
.sticky_linkedin{right:5px}
#button{right:8px}
.product_solutions{padding:0 5%!important}
.whatwe_do{padding:0 5%!important}
.banner_design .elementor-container{min-height:280px!important}
.banner_design h1.elementor-heading-title{font-size:26px!important;padding:0 2%}
.banner_design h4{width:42%!important;padding:10px 5px 10px 20px;font-size:19px!important}
.line{display:none}
.banner_design h4{width:300px}
.banner_design .elementor-hidden-phone{display:block!important}
.mobile_headerdesign .client_support{white-space:nowrap}

	
		.product_s .sub-menu {
    width: 500px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
	.product_s li.product_li {
    width: 45% !important;
}
	
	.resources_s .sub-menu {
    width: 500px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
	.resources_s li.product_li {
    width: 45% !important;
}
}


@media only screen and (max-width: 768px) {
    .banner_design h4 {
        width: 50% !important;
        padding: 10px 5px 10px 20px;
        font-size: 19px !important;
    }
	
.datasheet_br .elementor-image-box-wrapper {
        flex-direction: row;
	flex-wrap: nowrap;
	        align-items: center;
    }
	
.datasheet_br .elementor-image-box-wrapper h3.elementor-image-box-title {
            font-size: 14px !important;
        width: 100%;
        margin: 0 0 6px 0;
        line-height: 22px;
}
.datasheet_br .elementor-image-box-wrapper p.elementor-image-box-description {
	        width: 100%;
}
	
.datasheet_br .elementor-image-box-wrapper .elementor-image-box-content {
	flex-direction:column;
	width:79%;
	text-align:left;
}
.datasheet_br .elementor-image-box-wrapper figure {
	width:20% !important;
}
.datasheet_br .elementor-image-box-wrapper figure img {
	width:100%;
}
	.product_s .sub-menu {
    width: 500px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
	.product_s li.product_li {
    width: 45% !important;
}
		.resources_s .sub-menu {
    width: 500px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
	.resources_s li.product_li {
    width: 45% !important;
}
}


@media only screen and (max-width: 450px) {
	
.homepage_form input {
    width: 0 !important;
}
.homepage_form span.wpcf7-list-item-label {
    padding: 10px 11px;
}
.homepage_form span.wpcf7-form-control.wpcf7-radio {
    gap: 14px;
    row-gap: 32px;
}
.homepage_form input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100% !important;
}
.homepage_form input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    width: 100% !important;
}
.homepage_form input.wpcf7-form-control.wpcf7-submit {
    width: auto !important;
}
.fullflesh_form form p .wpcf7-form-control-wrap:nth-child(1) {
    width: 100%;
}

.fullflesh_form form p .wpcf7-form-control-wrap:nth-child(3) {
    width: 100%;
}
.product_s .sub-menu {
    width: 400px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
.product_s li.product_li {
    width: 70% !important;
}

	.resources_s .sub-menu {
    width: 400px !important;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
    padding: 12px !important;
    border-radius: 7px !important;
    box-shadow: 0px 12px 33px 0px #000 !important;
}
.resources_s li.product_li {
    width: 70% !important;
}
}














/* Responsive CSS End
-------------------------------------------------------------------------------*/