sup{font-size:50%!important}
.banner_top{overflow: hidden; position: relative;  background: url('../images/resource_bg.png')#f3f3f3;background-position: 115% top; background-repeat: no-repeat;     color: #181617;background-size: auto 100%; /*padding-top: 1rem; padding-bottom: 1rem*/ }
.banner_top h1{color: #555555; font-size:32px;  font-weight: 600; line-height: 1.3;}
.banner_top h2{font-size: 18px;  color: rgb(85, 85, 85);  font-weight: 500;  line-height: 1.542;}
.banner_top h2 sup{font-size:50% }
.search_wrapper{max-width: 1070px; width: 100%; margin: auto}
.banner_top .search_bar{ position: relative; width: 100%;max-width: 100%; margin: auto; margin-top: 2rem; }
.banner_top .search_bar input[type=search]{display: block; width: 100%;   padding: 1rem; border: solid 1px #cccccc; border-radius: 10px; outline: none }
.banner_top .search_bar .searh_icon{ position: absolute; top: 0; right: 1.5rem; bottom: 0; margin: auto; cursor: pointer}
.banner_top .search_bar input:hover, .banner_top .search_bar input:focus{ border-color: #181617;}
.banner_top .search_bar input:focus{ box-shadow: 0 0 15px #ccc}
.banner_top .search_bar input:focus ~ svg.searh_icon path{fill:#e11f26}
.banner_top .search_bar input[type=search]::placeholder{font-size: 16px; color: #888888}
article .td_text{font-size: 15px; font-weight: 500; color: #e11f26; text-transform: uppercase}
.trending_search{ padding-left:1rem}
.trendLiast{list-style: none; }
.trendLiast li a{ font-size: 15px; text-decoration: none; color: #555; margin: .3rem 0; display: inline-block; background: url("../images/arrow.svg") no-repeat; background-position: 0 center; padding-left: 1.3rem; background-size: 15px; }
.banner_top  .bitraser_bradcrm{display: flex; list-style: none; margin-top: 1rem;   }
.banner_top  .bitraser_bradcrm li, .banner_top  .bitraser_bradcrm li a{font-size: 11px; display: flex; align-items: center; text-decoration: none; color: #888888;}
.banner_top  .bitraser_bradcrm li{margin-right: .15rem}
.banner_top  .bitraser_bradcrm li a:hover{text-decoration: underline}
.banner_top .button_sec {display: flex}

 .graphic_wrapper{text-align: right; padding-bottom: 1rem; padding-right: 15px;}
.graphic_wrapper img{max-width: calc(100% - 260px);}
.thankyou_left_col{display: flex; align-items: center}
/*********************************/
 .solution_tab ul{ display: flex; justify-content: center; border-bottom: solid 1px #d1d1d1; margin-top: 3rem}
.solution_tab ul li a{display: inline-flex; margin: 0 1.5rem; padding: 1rem 0; font-size: 18px; font-family:'Montserrat';  color: #181617; text-decoration: none; position: relative; text-align: center; justify-content: center}
.solution_tab ul li a:before{width: 100%; height: 4px; background: #e11f26; position: absolute; bottom: 0; content: ''; transform: scaleX(0); transform-origin: center; transition: cubic-bezier(0.87, 0.05, 0.04, 1.58) .5s}
.solution_tab ul li a.active:before{ transform: scaleX(1);  }

 

@media screen and (max-width:1280px){
	.banner_top h1{font-size: 24px;}	
}
	@media screen and (min-width:1024px){
  	
}
	
	
@media screen and (max-width:1024px){
	
 body, * { font-size: 14px;}
.banner_top h1{font-size: 28px;}
.diployment_box .gradient_strip{padding: 0} 
.graphic_wrapper img {max-width: calc(100% - 205px);}
	
.graphic_wrapper {display: flex;justify-content: flex-end;align-items: center; -webkit-justify-content:  flex-end;  -webkit-align-items:center;	
	
}


@media screen and (max-width:992px){
header{display: none}
.banner_top h1 { font-size: 22px}
.diployment_box .gradient_strip{padding: 0}
.mainSubTitle{font-size: 16px;}
.deployment_container{padding: 2rem}
.deployment_sidebar{max-width: 260px}
.side_bar_head{align-items: flex-start}
.side_bar_head {font-size: 14px}
.deployment_sidebar .dropdown_line a{font-size: 14px}
.fill_btn , .outline_btn_red {font-size: 14px!important}
.deployment_sidebar {margin-top: 1.5rem}
.tabs-nav{max-width: 273px; background: #f0f0f0; margin-right: 2rem; border-radius: 20px}
.dropdown .menu {padding: 0.5rem 0 0.5rem 1rem;}
.deployment_sidebar li > a {margin: 0.7rem 0 0 1rem;}
.dropdown .menu a {font-size: 14px}
.deployment_tabs:before{display: none}
.graphic_wrapper img {max-width: calc(100% - 105px);}
 .deployment_sidebar li > a { font-size: 14px}
.fill_btn, .outline_btn_red{padding: .7rem .7rem !important}
.outline_btn_red span{font-size: 14px!important}
.glob_lr{overflow: hidden}
.button_sec{display: inline-block; }
.graphic_wrapper {display: flex;justify-content: flex-end;align-items: center; -webkit-justify-content:  flex-end;  -webkit-align-items:center;}
 .BitRaser_Video_wrapper .overlay_wrapper .play_btn{display: -webkit-flex;justify-content: center;align-items: center; -webkit-justify-content:  center;  -webkit-align-items:center;}
.row, .graphic_wrapper, .deployment_tabs{display: -webkit-flex}	
	.counter_text, .logo_list{display: -webkit-flex;    }
	
}
@media screen and (max-width:767px){
	.graphic_wrapper{display: none}
	.banner_top { padding-bottom: 1rem}
	.button_sec {flex-direction: column;  }
	.outline_btn_red{margin-left: 0 !important; margin-top: 1rem}
	.tabs-nav{max-width: 210px}
	.deployment_sidebar li > a { font-size: 12px}
	.fill_btn, .outline_btn_red{max-width: 190px; width: 100%; justify-content: center}
 
	
}
 
@media screen and (max-width:572px){
 .banner_top h1 { font-size: 22px; }
.deployment_sidebar, .tabs-nav{max-width: 100%}
.deployment_sidebar{ display: flex; overflow: hidden}
.deployment_tabs{flex-direction: column}
.deployment_tabs:before{display: none}
.deployment_sidebar > li{overflow: visible;  }
.deployment_sidebar li > a{width: 280px;  display: block}
  span.rotate{display: none}
.menu{
	display: block!important;
 /* margin-top: .5rem */
 }
.tabs-dropdown{border: solid 1px #e1e1e1; width: 100%; display: block; padding: 1rem; border-radius: 10px; text-decoration: none; color: #fff; margin-bottom: 1rem; background: linear-gradient(  147deg, rgb(245,56,67) 9%, rgb(47,87,149) 78%); text-decoration: none; font-size: 14px; font-weight: 700; position: relative}
	.tabs-dropdown:hover{text-decoration: none; color: #fff; }	
	
	
.deployment_sidebar a.active:before, .deployment_sidebar a img, .drive_title span, .eraser span, .dignostic span{display: none}
.dropdown .menu{padding: 1rem 1rem; background: #fff}
.deployment_sidebar li > a{max-width: 100%; padding: 0; margin: 0}
.deployment_sidebar > li { padding:.6rem 1rem; background: #f1f1f1}
.menutitle{margin-top:0!important; padding-top: 1rem}
ul li.dropdown:last-child .menu{padding-bottom: 1rem; padding-top: 1rem}
	
.tabs-dropdown:before{width: 20px; height: 100%; background: url('../images/downarrow.svg'); position: absolute; right: 2rem; top: 0; bottom: 0; content: ''; background-repeat: no-repeat; margin: auto; background-position: center; filter: brightness(0) invert(); transition:  .5s ease-in-out}
.tabs-dropdown.open:before{ transform: rotate(180deg)}	 
.tabs-nav{background: none; border-radius: 0}	
.deployment_sidebar li > a { font-size: 16px}
	
	.tab-link::first-letter {color: #f00}
	
 }
 

 .top_nav_line li a {
    color: #fff;
    font-size: .825rem;
    margin-left: .8rem;
    border-left: solid 1px #ffffff20;
    padding: .15rem;
    padding-left: .8rem;
}
.top_nav_line li {
    display: flex;
}
.top_nav_line {
    justify-content: flex-end;
    color: #fff;
    align-items: center;
}