@media (max-width: 400px) {
	.category_nav ul li{ width:100% !important}
	.navbar-brand img{ width:100px}
	.sidebar_r_bg{ width:300px !important; margin:auto}
}

@media (max-width: 575.98px) {
    .navbar-brand svg{width:100px;}
header{ position:relative; background:#f0f0f0; padding-top:0}
section{ padding:0 20px; overflow:hidden}
.container-fluid{ padding:0 10px; overflow:hidden; box-sizing:border-box}
.stellar_navbar{ padding:10px;}
.red_bg_sec{ position:static; width:100%}
.left-nav, .right-nav{ display:none;}footer .diy-box-title{ text-align:left}
.red_bg_sec h5{ font-size:22px;}
.product_banner_h{ font-size:28px; text-align:center;}
.top_banner { text-align:center}


/*MVP Page*/
.mvp_banner img.mvp-icon { width:60%; margin:auto; margin-bottom:25px;}
.filter_btn { margin:10px auto; width:100%}
.case_study{ text-align:center}
.case_study p{ width:100%}
.mvp_review_man .casr_std_box{ margin:25px auto; min-height:inherit; padding-top:15px;}

/*Resourse Page*/
.resourse_group_text{padding: 0 20px; font-size:15px;}
.resourse_search { height:50px;}
.resourse_banner .input-group { margin:35px 0}
.resourse_banner .r_globle { line-height:normal; font-size:20px;}
.resourse_banner .bg-red { display:none}
.resourse_banner > .col-lg-4 > .row{ margin:15px 0}
.resourse_banner{ background-position-y:395px; padding-bottom:25px;}
.casr_std_box { width:100%; padding:15px 0 ; margin:15px 0;}
.r_btn_sec{ opacity:1}
.casr_std_box .r_28 { font-size:18px;}
.casr_std_box .r_lern { display:block; width:100%}

/*Support Page*/
.support_banner { padding-top:15px;}
.support_col{ margin:20px 0;}
.support_col_btn{ padding:15px 0; margin:15px 0}
.call_support_sec { text-align:center; background-position:right; background-position-x: 50%;}
.support_banner .resourse_search { height:30px}
.support_banner .product_banner_h{ padding-bottom:30px;} 
.support_banner p{ padding-top:20px;}
.support_call_h { font-size:25px; line-height:normal}

/* Case Study*/
.cse_banner { padding:25px 0}
.nav_top-stellar{ display:none}
.case_study_main_sec { padding:25px 0; }
.cse_banner p{ font-size:14px; padding:0; margin:0}
.cse_banner h1, .category_banner h1{ font-size:28px;}
.cse_banner h2{ font-size:16px; line-height:normal}
.case_study_main_sec .case_main_h{ font-size:24px}
.case_study_main_sec .brade_cumb{ display:none}
.case_study_main_sec .cse_left_col_bar p{ padding:0}
.cse_r_side_sec{ width:100%}
.sidebar_r_bg{ text-align:center; padding:15px; width:380px; margin:auto}
.g_line{ margin:auto} 
.sidebar_banner_p { width:100%}


/*KB Inner Page*/
.kb_inner_to_banner{ padding-bottom:25px}
.kbinner-dropdown h5{ width:100%; text-align:center}
.kbinner-dropdown p{ text-align:center; width:100%}
.kb_inner_main_h { font-size:30px;}
.kbinner_r_side_sec { width:100%; margin-top:15px; padding: 1.5rem .5rem;}
.switch-field label{ padding:8px}
.kb_inner_main_sec  .comment-form input{ margin-top:25px;}


/* Overview spage*/
.red-stick{ display:none;}
.overview_nav ul{ margin:0; padding:0;}
.overview_nav ul li{ width:50%; float:left;}
.overview_nav ul li a{padding: 80px 10px 15px 10px; font-size:12px;}
.leadersheep-bg h1{ clear:both; display:block; font-size:22px; padding:20px 0 5px 0; text-align:left !important;}
.banner-hd { text-align:center; }
.image_bg_stroke:after{ content:''; background:none; box-shadow:0px 0px 2px #888; width:90%; height:100%; position:absolute; left:21px; top:25px; z-index:-100; display:none;}
.name{ margin-top:25px;}
.para-big2{text-align:left;}
.overview_nav ul li a.active span.up-arrow:after{ display:none;}
.sligtgray .hd-main{ font-size:18px;}
.position { padding-bottom:25px;}
.desktop_hide{ display:block;}
.image_bg_stroke-sm:after{ display:none;}
.header-background-company, .header-background-office{ background:#181617; padding:0 1px;}
.header-background-company, .header-background-office h1{ text-align:center; padding:10px 0;}
.f18{ font-size:14px;}  .f30{ font-size:20px;} .f32{ font-size:22px;} .f52{ font-size:22px;}
.globe-mobile{display:block;  }
.overview_nav ul li a:hover{ border:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ border:none;}
.nav > li > a{ padding:2px;} 
.prifile_bg_stroke{ float:none; width:100%;}
.prifile_bg_stroke:after{ display:none;}
.overview_main_h{ font-size:20px; padding:0}
.overview_sh{ padding:0; font-size:14px}
.office-box{ padding:0; margin:15px 0}
.office-hd{ height:auto}
.explore_stellar h4{ font-size:30px;}
.globe{ display:none}
	
.desktop_hide { display: block;}
.hidden-xs{ display:none}
.news .nav > li > a{ padding:10px 15px}
/* Error Page 404*/
.error_search{ height:40px}
.error_banner p, .error_tab{ display:none}
.error_banner {padding-bottom: 205px; background-size: 165%;  background-position-y: bottom;}
 .diy_Solutions_box{ margin:15px 0}
 
 
 /*category*/
.category_banner p, .white_banner p{ padding-top:10px; margin-top:10px}
.category_banner{ padding-bottom:15px;}
.category_h{ font-size:24px}
.category_nav ul li { width: 44%; /* margin: 13px auto; */ border: solid 1px;  height: 90px;  padding-top: 15px; background:#f1f1f; margin:10px; overflow:hidden;}
.category_nav ul li a{ color:#18117}
.category_nav ul li a.active{ color:#fff}
.category_nav a.active span  {  width: 100%; background:#e11f26; height:1000%; z-index:-1; top:-20px }


/*contact us*/
.map-col{ background:#fff; padding:22px 15px; margin:25px auto !important; min-height:auto}

}


@media (min-width: 576px) and (max-width: 767.98px) { 

 header{ position:relative; background:#f0f0f0; padding-top:0}
section{ padding: 20px; overflow:hidden}
.container-fluid{ padding:0 10px; overflow-x:hidden; box-sizing:border-box}
.stellar_navbar{ padding:11px;}
.red_bg_sec{ position:static; width:100%}
.left-nav, .right-nav{ display:none;}footer .diy-box-title{ text-align:left}
.red_bg_sec h5{ font-size:22px;}
.product_banner_h{ font-size:45px; text-align:center;}
.top_banner { text-align:center}

/*MVP Page*/
.mvp_banner img.mvp-icon { width:60%; margin:auto; margin-bottom:25px;}
.filter_btn { margin:10px auto; width:calc(100% - 100px) }
.case_study{ text-align:center}
.case_study p{ width:100%}
.mvp_review_man .casr_std_box{ margin:25px auto; min-height:inherit; padding-top:15px;}

/*resource Page*/
.resourse_banner { padding-bottom:25px;}
.resourse_group_text { padding:0 15px}
.resourse_banner_report .r_globle  { line-height:normal; font-size:21px;}
.resourse_banner_report .col-sm-5.bg-red img{ margin-top:35%;}
.right_resource_report{ margin-top:25px;}
.casr_std_box { width:100%; padding:15px 0 ; margin:15px 0;}
.casr_std_box .r_28 { font-size:18px;}
.casr_std_box .r_btn_sec{ display:block}
.casr_std_box .r_lern { display:block; width:100%}

/*KB Inner Page*/
.kb_inner_to_banner{ padding-bottom:25px}
.kbinner-dropdown h5{ width:100%; text-align:left; margin-left:50px;}
.kbinner-dropdown p{ text-align:left; width:100%; padding-left:60px;}
.kb_inner_main_h { font-size:30px;}
.kbinner_r_side_sec { width:calc(100%); margin-top:15px;}


/*Overview Page*/
.overview_main_h{ font-size:20px; padding:0}
.overview_sh{ padding:0; font-size:14px}
.office-box{ padding:0; margin:15px 0}
.office-hd{ height:auto}
.overview_nav ul {display: flex;    overflow-x: scroll;}
.desktop_hide { display: block;}
.hidden-xs{ display:none}

/*category*/
.category_banner p{ padding-top:10px; margin-top:10px;}
.category_nav ul li{ white-space:nowrap}
.category_nav ul{ overflow-x:scroll; padding:25px 0}

/*case study*/
.cse_banner p .white_banner p{ font-size:14px; padding:0; margin:0}
.cse_banner h1, .support_banner h1 { font-size:28px;}
.case_study_main_sec .case_main_h{ font-size:24px;}
.cse_r_side_sec { width:100%}
.sidebar_r_bg{ width:70%; margin:auto; padding:20px}

/*support*/
.support_col_btn{ margin:15px 0; padding:15px;}
.call_support_sec{ background:#f3f3f3; text-align:center}
.call_support_sec .filter_btn{ padding:0; margin-bottom:36px}
.support_banner .input-group{ margin:25px 0} 
.support_banner  .resourse_search{ height:60px;}
.support_col{ margin:15px 0}

/*404*/
.error_banner{background-size: 165%; padding-bottom: 205px; background-position-y: bottom;}
.diy_Solutions_box { width:80%; margin:18px auto}
.top_banner p { padding:15px 0}
}



@media (min-width: 768px) and (max-width: 991.98px) {
header{ position:relative; background:#f0f0f0; padding-top:0}
section{ padding:0 20px; overflow:hidden}
.container-fluid{ padding:0 10px; overflow-x:hidden; box-sizing:border-box}
.stellar_navbar{ padding:11px;}
.red_bg_sec{ position:static; width:100%}
.left-nav, .right-nav{ display:none;}footer .diy-box-title{ text-align:left}
.red_bg_sec h5{ font-size:22px;}
.product_banner_h{ font-size:30px;}
.top_banner { text-align:left}
.filter_btn { width:260px;}
button.filter_h{ font-size:14px;}
.case_study p.r_24 { margin-left:10px; font-size:18px;}
.mvp_review_man .casr_std_box{ width:100%; margin:10px 0; min-height:inherit;}

/*Resource Page*/
.resource-dropdown .filter_btn{ width:23%}
.casr_std_box{ width:100%; padding:15px 0}
.right_resource_report{ margin-top:25px;}
.casr_std_box .r_28 { font-size:18px;}
.casr_std_box .r_lern { display:block; width:100%}
.r_btn_sec{ opacity:1; display: block !important;}

/*support*/
.support_banner { padding-top:15px;}
.support_col{ margin:20px 0;}
.support_col_btn{ padding:15px 0; margin:15px 0}
.support_col_btn p{ font-size:13px;}
.call_support_sec { background-position-x:70%; margin-bottom:0}
.support_call_h{ font-size:22px; line-height:normal}
.call_filter_btn { padding:6px;}

/*case study*/
.cse_banner{ background-size: 121%; background-position-x: -34px;}
.nav_top-stellar{ display:none}
.cse_banner p, .category_banner p, .white_banner p{ font-size:14px; padding:0; margin:0}
.cse_banner h1 { font-size:28px;}
.case_study_main_sec .case_main_h{ font-size:24px;}
.cse_r_side_sec{ width:100%;}
.cse_r_side_sec .cse_20 { width:100%; }
.sidebar_r_bg { text-align:center}
.sidebar_banner_p{ width:100%; font-size:20px; padding:0 15px;}
.g_line{ margin:auto}
.cse_r_side_sec .cse_20 { font-size:16px;}
.case_study_main_sec .cse_left_col_bar  a.r_download { margin-right:52px}
.case_study_main_sec .cse_r_side_sec   a.r_download { width:100%}

/* Category Page */

.category_banner{background-position: -671px -111px;}

/*KB Inner*/
.kbinner-dropdown h5{ width:100%; margin-left:40px;}
.kbinner-dropdown p { font-size:14px; padding-right:0; margin-left:-7px;}
.kbinner-dropdown .filter_btn {width: 50%; margin:10px 0}
.kbinner_r_side_sec{ width:100%}


/* Overview Page*/
.overview_main_h{ font-size:20px; padding:0}
.overview_sh{ padding:0; font-size:14px}
.office-box{ padding:0; margin:15px 0}
.office-hd{ height:auto}
.address { min-height:150px}

/*404*/
.error_banner{background-size: 175%; padding-bottom: 202px; background-position-y: bottom;}
.diy_Solutions_box{ min-height:100%}



/*contact us*/
.map-col{ width:65%; margin:15px auto !important; min-height:auto}

}

@media (min-width: 992px) and (max-width: 1199.98px) {
	header{ position:relative; background:#f0f0f0; padding-top:0}
section{ padding:0 20px; overflow:hidden}
.container-fluid{ padding:0 10px; overflow-x:hidden; box-sizing:border-box}
.stellar_navbar{ padding:11px 15px;}
.red_bg_sec{ position:static; width:100%}
.left-nav, .right-nav{ display:none;}footer .diy-box-title{ text-align:left}
.red_bg_sec h5{ font-size:22px;}
.product_banner_h{ font-size:45px;}
.top_banner { text-align:left}
.filter_btn { width:245px;}
button.filter_h{ font-size:14px;}
.case_study p.r_24 { margin-left:10px; font-size:18px;}
.mvp_review_man .casr_std_box{ width:100%;}
.resourse_banner_report  .col-sm-5 img { margin-top:45%; }
.right_resource_report img{ margin-top:50%}
.resourse_banner_report .r_globle{    line-height: 42px}
.casr_std_box { width:100%}
.call_filter_btn { padding:6px;}
.call_support_sec{ background-position-x:70%}
.kbinner_r_side_sec{ width:100%; margin:auto; padding:1.5rem 1rem}

/*resourece page*/
.casr_std_box .r_28 { font-size:18px;}
.casr_std_box .r_lern { display:block; width:100%}
.r_btn_sec{ opacity:1; display: block !important;}

/* Over View Page*/
.overview_nav ul li a {padding: 80px 13px 15px 32px;}	
 
 
 /*case stydy*/
 .cse_banner p{padding:0; margin:0}
 .cse_banner h1{ margin-top:1rem}
}

@media (min-width: 1200px) and (max-width: 1300px) { 
.filter_btn{ margin:0 !important}
.kbinner_r_side_sec{ width:100%} }




	
	
@media screen and (min-width:1700px){

.container-fluid{ width:1400px; padding:0; margin: auto   }
.employees{ width:80%;}
.css-slider-wrapper{ overflow:hidden}
.red_square{ margin-top:100px !important;}
.banner_h{ font-size:60px !important; line-height:80px !important;}
.request_quote{ background-size:contain}
.diy_Solutions_box{ width:90%  !important}
.carousel-inner { width:100% !important}
.btn-floating{ right:-5%  !important}
.control{ width:50px !important;}
.diy-box-title-text { font-size: 20px; line-height: 37px;}
.red_square{ background:#E11F26; height:197px !important; width:211px !important; text-align:center; box-sizing:border-box; padding:25px 25px !important; margin-top:100px !important; position:relative;}
.happy_h{ font-size:62px !important; color:#fff; text-align:center; }
.happy_p{ font-size:18px; color:#fff; text-align:center; padding:0; line-height:25px; letter-spacing:1px;  }
.slider-pagination { height:130px !important;}
.slider-pagination label { padding:21px 25px !important; cursor: pointer; margin: 35px !important; }
.product_banner{ background-size:cover; }
.top_banner { background-position:center}
.filter_btn{ width:360px;}
}