@charset "utf-8";
/* -------------------------------------------------------------- 
- Site Name: MetricStream Inc
- Version: CSS3 (January 2016)
- Site URL: https://www.metricstream.com/
- Media query - Responsive freamwork - V 1.0
------------------------------------------------------------- */
@media only screen and (min-width:1600px) and (max-width:1920px) {
.banner .banner-btmbar .boxapp{width: 27%;}
.addr-popup.australia{ top: 200px; left: 810px; } .addr-popup.bahrain{ top: 30px; left: 890px;} .addr-popup.france{top: -40px; left: 780px;} .addr-popup.germany{ top: -50px; left: 800px; } .addr-popup.india{top: 40px;left: 990px;} .addr-popup.italy{ top: -20px; left: 840px; } .addr-popup.saudi_arabia{top: 22px;left: 900px;}  .addr-popup.singapore{top: 110px;left: 815px;} .addr-popup.south_africa{top: 150px;left: 819px;}  .addr-popup.south_america{top: 180px;left: 570px;} .addr-popup.spain{ top: -20px; left: 754px; } .addr-popup.united_arab_emirates {top: 6px; left: 880px; } .addr-popup.united_kingdom{top: -58px;left: 900px;} .addr-popup.united_states{top: 0;left: 465px;}
	.banner .banner-img{ height: auto}
	.banner.app{ height: 598px}
	.joinus-box{ margin: 40px 0 0 0}
	.team-box .team-list li{ width: 24%}
	.event-box{ height: 740px}
	.video-list li .vid-coint{ width: 100%; display: inline-block; min-height: /*241px*/ inherit}
	.video-list li .vid-info{ height: 130px; text-align: left}	
	.featured .box-2 .inner{ min-height: 394px}
	.grctv-banner{ height: 700px  }
	ul.FC_app-listing-highlights li{ min-height: 110px}	
	}
@media only screen and (min-width:1441px) and (max-width:1599px) {
    .banner .banner-btmbar .boxapp{width: 27%;}
}
@media only screen and (min-width:1336px) and (max-width:1440px) {
	.banner .banner-btmbar .boxapp{width: 27%;}
	ul.FC_app-listing-highlights li{ min-height: 120px}
	.customer-corner ul li{ width: 28%}
	.FC_app-listing ul li{ min-height: 140px}
	.featured .box-2 .inner{min-height: 330px}
	.FC_app-listing ul li .FS_fl{ width: 8%}
	.FC_app-listing ul li .FS_fr{ width: 88%}
	.video-list li .vid-info{ text-align: left}
	}
@media only screen and (min-width: 1227px) and (max-width: 1335px){
	.banner .banner-btmbar .boxapp{width: 26%;}
	ul.grc_try_now li{min-height: 220px; vertical-align: top; margin: 2em .5em 0 .5em;}	
	.services-list li{ min-height: 300px}
	}
@media only screen and (min-width: 1025px) and (max-width: 1226px){
    .investors-box ul li{width: 33%}
    .team-box .borad-list li, .team-box .team-list li{width:30% !important; }
    .logo {width: 20%;}
   /* .masonry {-moz-column-count: 3; -webkit-column-count: 3;column-count: 3;}*/
    /*#masonry .item{width: 23%; }#masonry .item h6{font-size: 14px; line-height: 18px}#masonry .item p{font-size: 12px} #masonry .item img{height: auto}*/
	.banner .banner-btmbar .boxapp{width: 25%;}
	ul.grc_try_now li{min-height: 200px; vertical-align: top; margin: 2em .5em 0 .5em;}	
	.resources-library li .lib-image{ width: 15%}
	.banner.app .banner-text{ width: 100%; text-align: left}
	.ms-community .box-cont{ margin-bottom: 20px}
	.video-list li .vid-info{ text-align: left}
	.FC_app-listing ul li{ min-height: 180px}
	.FC_app-listing ul li .FS_fl{ width: 10%}
	.FC_app-listing ul li .FS_fr{ width: 86%}
	ul.FC_app-listing-highlights li{ min-height: 140px}
	.featured .box-2 .inner{ min-height: 248px} .featured .quote{ padding: 0 20px}
	.footer .blue-bar .left ul li{ width: 40%; } .footer .blue-bar .left{ padding: 10px 0 } .footer .blue-bar .right a{  margin: 10px 4% 0 0}
	}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .investors-box ul li{width: 33%}
     .team-box .borad-list li, .team-box .team-list li{width:30% !important; }
	.mikael-quotes .content-quotes{width: 100%;}
    .mikael-quotes{height: 400px;}
    .featured_video .video-cont{height: auto}
    .video-detail{padding: 10px}
    .customerstestimonialinsight li, ul.customerscasestudyheight li, .customersgrctvheight li, .customerslogoheight li{ width: 48%; margin-bottom: 3%}
    .video-detail{padding: 10px 15px; }
    .featured_video {min-height: 250px; height: auto !important }    
    .logo {width: 20%;}
/*.masonry {-moz-column-count: 3; -webkit-column-count: 3;column-count: 3;}    */
   /* #masonry .item{width: 23%; }#masonry .item h6{font-size: 14px; line-height: 18px}#masonry .item p{font-size: 12px} #masonry .item img{height: auto}*/
     .masonry .item{width: 23%}
    .bvc-strip ul li{font-size: 90%; width: 30%}
    .bvc-strip ul li .bvc-strip-one{width: 30%}
	.banner-slides{height: 368px}
	.banner .banner-btmbar .boxapp{width: 23%;}
	ul.grc_try_now li{min-height: 220px; vertical-align: top; margin: 2em .5em 0 .5em;}	
	.box-m7{ width: 80%;}
	.resources-library li{min-height: 200px}
	.resources-library li .lib-image{ width: 15%}
	.resources-library li .lib-text{ width: 80%}
	.resources-featured-box .fr{ width: 72%; }
	.resources-featured-box .fl{ width: 20%}
	.banner, .banner.app{ height: auto/*368px*/}
	.video-list li .vid-info{ text-align: left}
	.FC_app-listing ul li p, ul.FC_app-listing-highlights li p{ width: 85%; margin: 5px 0 0 0}
	.FC_app-listing ul li .FS_fl{ width: 10%}
	.FC_app-listing ul li .FS_fr{ width: 86%}
	.FC_app-listing ul li{ min-height: 190px}
	ul.FC_app-listing-highlights li{ min-height: 120px}
	.featured .box-2 .inner .fl{ width: 100%}
	.featured .box-2 .inner .fr{ display: none}
	.applist ul li{min-height: 300px;margin: 10px 1%;}
	.video-list li{ width: 48%; float: none;}
    .footer .blue-bar .left ul li {width: 44%;}
    ul.culturelistbox li{margin: 0}
	}
@media only screen and (min-width: 640px) and (max-width: 767px){
    .investors-box ul li{width: 40%}
    .team-box .borad-list li, .team-box .team-list li{width: 33%;}	
    .customerstestimonialinsight li, ul.customerscasestudyheight li, .customersgrctvheight li, .customerslogoheight li{ width: 48%; margin-bottom: 3%}
    .top-header ul li span.head-name{display: none}
    .logo {width: 25%;}    
    .masonry .item{width: 31%}
    .bvc-strip ul li{ padding: 0; float: left;}
	.banner .banner-btmbar .container hr{display: none}
	.banner .banner-btmbar .boxapp{width: 40%; border: none; margin: 20px 10px 10px 10px; }
	ul.m7_bigblock li{ width: 45%;}
	.resources-library li .lib-image{ width: 18%}
	.banner .banner-container{ height: 300px}
	.latest-update .update-list .image-box{ width: 20%}
	.white-box{ padding: 20px 0}
	.fix-banner .banner-text-factsheet{ width: auto; padding: 20px 0}
	.FC_app-listing ul li p, ul.FC_app-listing-highlights li p{ width: 85%}
	.applist ul li{ min-height: 300px;}
	.search-tab li{ width: 65%;} .search-tab li.reset-btn{ width: 30%}
	}
@media only screen and (min-width: 280px) and (max-width: 767px){
    .bvc-strip ul li{padding: 5px 0}
	.box-m7{ width: 95%;}
	.joinus-box{ height: auto}
	.banner, .banner.app{ height: 365px}
	.reseller-partners{ margin-top: 10% !important; }
	.services-list li .serv-img{ float: none}
	.global-partner-boxcontent{ margin-top: 50px}
	.grctv-micro-bann{ height: auto }
	.flot-letonone{ width: 100% !important; float: none}
	}
@media only screen and (min-width: 480px) and (max-width: 639px){
    .logo {width: 35%;}
    #masonry .item{width: 45%}
	.banner .banner-btmbar .container hr{display: none}
	.banner .banner-btmbar .boxapp{width: 90%; border-bottom: 1px solid #5990c8; border-right: none; margin: 20px 10px 10px 10px; }
	.banner .banner-btmbar .boxapp:first-child{margin-top: 20px;}
	.banner .banner-container{ height: 300px}
	.FC_app-listing ul li .FS_fr{width: 85%;}
	.featured .quote{ height: 130px}
	.featured .box-2.fl .inner{ padding: 0}
	.footer .blue-bar .left ul li{width: 42%;height: 30px;}
	}
@media only screen and (min-width: 375px) and (max-width: 479px){
    .logo {width: 50%;}
	.hbox-1, .hbox-2, .hbox-3, .hbox-4, .hbox-5, .hbox-6{ background-position: top center;}
	.banner .banner-btmbar h3, .banner .banner-btmbar h5, .banner .banner-btmbar p{padding:0;margin:0;text-align: center;}
	.banner .banner-btmbar .container hr{display: none; padding-bottom: 10px}
	.banner .banner-btmbar .boxapp{width: 100%;border-bottom: 1px solid #5990c8;border-right: none;margin: 20px 0px 0px 0px;padding: 40px 0 0px 0;text-align: center;}	
	.banner .banner-container{ height: 250px}
	.icon_div{ width: 100%; float: inherit; padding: 0; }
	.matter_div_right{ width: auto;}
	.app-solution ul li{ text-align: center}
	.FC_app-listing ul li, ul.FC_app-listing-highlights li{ margin: 10px 0; float: inherit; text-align: center }
	.FC_app-listing ul li span, ul.FC_app-listing-highlights li span{ float: inherit; text-align: center; }
	.FC_app-listing ul li p, ul.FC_app-listing-highlights li p{ width: 100%}
	.FC_app-listing ul li .FS_fr{ width: 100%; margin: 10px 0 }
	.FC_app-listing ul li .FS_fl{ float: none; width: 20%; margin: 0 auto; text-align: center}
	.footer .blue-bar .left ul{ display: table; margin: 0 auto; text-align: center}
	.footer .blue-bar .left ul li{width: 44%; height: 30px;  text-align: center; float: none}
	}

@media only screen and (min-width: 288px) and (max-width: 374px){
	.hbox-1, .hbox-2, .hbox-3, .hbox-4, .hbox-5, .hbox-6{ background-position: top center;}
	.banner .banner-btmbar h3, .banner .banner-btmbar h5, .banner .banner-btmbar p{padding:0;margin:0;text-align: center;}
	.banner .banner-btmbar .container hr{display: none; padding-bottom: 10px}
	.banner .banner-btmbar .boxapp{width: 100%;border-bottom: 1px solid #5990c8;border-right: none;margin: 20px 0px 0px 0px;padding: 40px 0 0px 0;text-align: center;}
	.banner .banner-container{ height: 250px}
	.app-solution ul li{ text-align: center}
	.FC_app-listing ul li .FS_fr{ width: 100%; margin: 10px 0 }
	.FC_app-listing ul li .FS_fl{ float: none; width: 20%; margin: 0 auto; text-align: center}
	.customer-corner ul li{ display: inline-block; text-align: center; width: 90%}
	.customer-corner ul li { width:90% !important}
	.footer .blue-bar .left ul{ display: table; margin: 0 auto; text-align: center}
	.footer .blue-bar .left ul li{width: 90%; height: 30px;  text-align: center; float: none}
	}

@media only screen and (min-width: 280px) and (max-width: 1440px){
	.addr-popup.australia{top: 200px;left: 630px;} .addr-popup.bahrain{top: 30px;left: 650px;} .addr-popup.france{top: -40px;left: 540px;} .addr-popup.germany{top: -50px;left: 550px;} .addr-popup.india{top: 40px;left: 760px;} .addr-popup.italy{top: -20px;left: 610px;} .addr-popup.saudi_arabia{top: 22px;left: 660px;}  .addr-popup.singapore{top: 110px;left: 565px;} .addr-popup.south_africa{top: 150px;left: 590px;}  .addr-popup.south_america{top: 180px;left: 350px;} .addr-popup.spain{top: -20px;left: 514px;} .addr-popup.united_arab_emirates {top: 6px;left: 650px;} .addr-popup.united_kingdom{top: -38px;left: 670px;}.addr-popup.united_states{top: -16px;left: 225px;}
}

@media (min-width: 280px) and (max-width: 1224px){
/*.video-list li .vid-coint{ min-height: 179px}*/
.main-nav ul li {margin: 0;}
.app-tweet .tweet-box { min-height:300px;}
.upco-webn li .webnair-info p.short-des.large-text {min-height: 120px;}
.video-list li .vid-info p { min-height:66px;}
.all-featu .slide h4 { min-height:80px;}
.media-list li h4 {min-height: 60px;}
.support-cont { width:80%}
.customers-list li { width:22.5%}
.banner .community-sidebar {right: 10.2%;}
	.resources-box ul li { width: 28%;}
.commun-panel li p { min-height:80px;}
}

@media (min-width: 280px) and (max-width: 1199px){
.services-list li { min-height:320px;}
.media-list li {width: 45%;}
.support-cont { width:90%}
.customers-list .cust-detais p { min-height:40px;}
.banner .community-sidebar {right:7.3%;padding: 86px 0 0 0;}
.commun-panel li { width:47%}
.commun-panel li p {min-height: 100px;}
}
@media (min-width: 280px) and (max-width: 1025px){
.Webinars_viewtype {
  top: 390px;
 }
}
@media (min-width: 280px) and (max-width: 1024px){
    
/* .banner-text .event-logo{ padding: 10px 0 0 0px}
.banner-text .event-logo{ width: 100%}
.banner-text .event-logo{left: 10%;position: relative;width: 60%;display: block;}
.banner-text .event-logo .banner-text_m7 h6 {font-family: 'Open Sans Light';font-size: 18px;color:#212121;margin: 0 0 0 10%;line-height: 26px;}
.banner-text .event-logo .banner-text_m7 p {font-family: 'Open Sans Light';font-size: 12px;color:#212121;margin: 0 0 0 10%;} */	
.banner-text .event-logo img {width: 80% !important;}	
	
.watch-btn{ font-size: 12px; margin-top: 10px}
.banner .banner-text_m7{ padding: 10px 0 0 0px}
.banner .banner-text_m7{ width: 100%}
.banner .banner-text_m7 .event-logo{left: 10%;position: relative;width: 60%;display: block;}
.banner .banner-text_m7 .event-logo img{width: 25%;}

.banner .banner-text_m7 .white_box_m7{background-color: rgba(255, 255, 255, 0.9);padding: 10px 0;margin: 3% 0 0 0;}
.banner .banner-text_m7 h6 {font-family: 'Open Sans Light';font-size: 18px;color:#212121;margin: 0 0 0 10%;line-height: 26px;}
.banner .banner-text_m7 p {font-family: 'Open Sans Light';font-size: 12px;color:#212121;margin: 0 0 0 10%;}
	
.video-list li .vid-coint{ height: auto}
.video-list li .vid-info{ height: auto}
.grctv-banner{ height: /*420px*/ auto}
.views-exposed-widgets .views-exposed-widget.views-reset-button, .views-exposed-widgets .views-exposed-widget.views-submit-button{ width: 7%; margin-right: 4px}
.featured .box-2 .position{ margin: 0}
.featured .quote p{padding: 10px 15px}
.featured .quote{ height: auto}
.FC_app-listing_Img img{ width: 100% }
.banner .banner-text h1, .banner .banner-text h5, .banner.app .banner-text h1, .banner.app .banner-text h5, .fix-banner .banner-text h1, .fix-banner .banner-text h6  { font-size: 150%;}
.banner .banner-text h2, .banner .banner-text h6, .banner.app .banner-text h2, .banner.app .banner-text h6, .fix-banner .banner-text h2, .fix-banner .banner-text h6  { font-size:110%;}
.main-nav ul li {margin:0;}
.main-nav ul li .drop-box.solutions { margin-left:-300px;}
/*.main-nav ul li:last-child .drop-box.services {left: -71px;}*/
.resources-box ul li .thumb-img { width:100%}
.resources-box ul li { width:29%}
.resources-box ul li p { padding: 0 10px;}
.grc-journey h2 { font-size:230%;}
.customers-box .client-box .left-arro {left: 3%;}
.customers-box .client-box .right-arro { right:3%}
.event-box ul li .client-info p {font-size: 70%;}
.community-box h2 {font-size: 140%;}
.community-box ul { width:90%;}
.community-box ul li {width: 47%;min-height: 200px;}
.footer .footer-nav ul li {margin: 0 15.3% 0 0;}
.footer .blue-bar .left {padding: 10px 0 10px;}
/*.footer .blue-bar .left ul li {margin-right: 1%;width: 40%; padding: 5px;}*/
.footer .blue-bar .right a {margin: 10px 3% 0 0;}
.customers-box .testimonial-box .fr .customer-thumb { margin-top: 40px;}
.fr.feature-image {width: 50%;}
.appdetail .box-2 {width: 45%;}
.featured .inner .box-2.fr img { width:100%}
.featured .quote:before {top: 10px; left: 5px;}
.featured .quote:after { bottom:0; right: 5px;}
.featured .box-2 .inner { min-height: 248px /*340px*/}
.team-box .head-btn .fl, .team-box .head-btn .fr { width:inherit;}
/*.team-box .team-list li .team-info { min-height:90px;}*/
.grctv-box .testimonial-box .le-arro {left: -5%;}
.grctv-box .testimonial-box .ri-arro  { right:-5%}
.grctv-box .testimonial-box .fr .customer-thumb { margin:60px 0 0 40px;}
/*.featured .box-2 .inner .next-icon .black-icon { display:none}
.featured .box-2 .inner .next-icon .white-icon { display:block}*/
.featured .analysis p { padding: 10px 20px;}
.banner .banner-sidebar { padding:0;}
.banner .banner-sidebar .box { padding: 15px 20px;}
.banner .banner-sidebar .box-1{padding: 20px 0 0 0px}
.banner.about { height:367px;}
.contact-map .world-map, .contact-map.contact-page .world-map {background-position: 20% 0;}
.contact-map .social-list { right:1%}
/*.applist ul li {min-height: 330px;}*/
.partner-box .width-60 { width:80%}
.partner-list ul li img { width:90%;}
.featured .part-testim .position {padding: 0 50px;}
.be-partner p { width:80%}
.customer-corner ul li { width: 28.8%;}
.banner .banner-img, .fader{ height:441px;}
.partner-box-list li .fl img { width:70%}
.banner.event-page .banner-text.black-gradient {padding: 47px 0 0 0;}
.banner-sidebar.event-sidebar { padding:25px 0;}
.banner-sidebar.event-sidebar .profile-box .profile-image {width: 40%;}
/*.search-tab li { width:20%}*/
.fix-banner .banner-bg img { width:auto; height:100%}
.fix-banner .banner-text { padding:30px 0 0 0;}
.video-list li .vid-info p { min-height:64px;}
.joinus-box.subscrib-box { height: 280px;} 
.search-tab li {width: 31.8%;margin: 0px 7px 14px 0;}
.views-exposed-widgets .views-exposed-widget {width: 32.2%;margin: 0 7px 14px 0; height: 60px}
.upco-webn li .webnair-info p.short-des, .upco-webn li .webnair-info h4 {min-height: 80px;}
.upco-webn li .webnair-info p { min-height:40px;}
.upco-webn li .webnair-info p.short-des.large-text {min-height: 130px;}
.banner.app .banner-text.newbann-text { width:90%;padding: 40px 0 0 0;}
.contact-map .social-list { top:inherit; right:inherit; bottom:10px; width:100%;text-align: center;}
.contact-map .social-list ul{ text-align: center; display: table}
.contact-map .social-list li { float:none; display: inline-block; text-align: center; margin: 10px}
.contact-map{ height: 660px}
.addr-popup.australia{top: 190px;left: 530px;} .addr-popup.bahrain{ top: 10px; left: 540px; }.addr-popup.france{top: -45px;left: 439px;} .addr-popup.germany{top: -50px;left: 440px;} .addr-popup.india{top: 30px;left: 650px;} .addr-popup.italy{top: -30px;left: 488px;} .addr-popup.saudi_arabia{top: 32px;left: 550px;} .addr-popup.singapore{top: 110px;left: 460px;} .addr-popup.south_africa{top: 160px;left: 480px;} .addr-popup.south_america{top: 180px;left: 240px;} .addr-popup.spain{top: -19px;left: 410px;} .addr-popup.united_arab_emirates {top: 35px;left: 550px;} .addr-popup.united_kingdom{top: -28px;left: 570px;} .addr-popup.united_states{top: -36px;left: 135px;}
}

@media (min-width: 280px) and (max-width: 1023px){
.grctv-banner{ height: 420px}
.footer .foot-newsrom-box span{ max-width: 150px; margin: 0 5px 0 0}
.FC_app-listing ul li{ float: none; width: 100%; min-height:  inherit}
.main-nav { display:none}
.mobile-menu { display:block;}
.mobile-nav { display:none}
.header .container { width:100%}
.header .container .bottom-header { border-top:1px solid #ebebeb; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.1);}
.logo { margin-left:5%;}
.top-header ul { margin-right:5%}
.tab-btns li { margin:0;}
.customers-list li {width: 30.7%;}
.customers-list .cust-detais p {min-height:inherit;}
.banner .community-sidebar {  right: 5%;}
}

@media (min-width: 280px) and (max-width: 999px){
.FC_app-listing ul li .FS_fl{ width: 8%}
.footer .blue-bar .left ul li a{ font-size: 14px}
.mobile-nav{overflow-y: scroll; height: 286px }
.main-nav ul li .drop-box .right { display:none}
.customers-box .testimonial-box .fl h2 { font-size: 160%;}
.customers-box .client-box ul li {width: 19.4%;}
.footer .footer-nav ul li {margin: 0 12.2% 0 0;}
.footer .blue-bar .right a {margin: 10px 11% 0 0;}
/*.footer .blue-bar .left ul li {margin-right: 1%;width: 40%;padding: 5px;}*/
.banner.about { height:358px;}
.banner, .banner.app { /*height:430px;*/}

/*.video-list li {width: 31.3%;}*/
}
@media (min-width: 280px) and (max-width: 998px){
.upco-webn li {width: 48%;}
.upco-webn li .webnair-info h4 {min-height:81px;}
.upco-webn li .webnair-info p.short-des {min-height:60px;}
.upco-webn li .webnair-info p.short-des.large-text {min-height: 110px;}
}

@media (min-width: 280px) and (max-width: 991px){
.webn-lib-box .fl { margin-bottom:40px;}
.webn-lib-box .fr .upco-webn li { width:48%;}
.webn-lib-box .fr .upco-webn li .prof-view { height:240px;}
.library-list .short-descr { width:50%}
.sidepanel-box { width:100%; float:left; margin: 20px 0;}
.services-list li {min-height: 350px;}
.press-relea-list { padding:0 0 40px 0;}
.media-list li {width: 30%;}
.featured-one .inner-box  { height:280px;}
.latest-update { margin-top:40px; width:100%}
.ms-community { background:none}
}

@media (min-width: 280px) and (max-width: 979px){
.customers-list li {width: 30%;}
.customers-list .cust-detais p {min-height: 40px;}
.commun-panel li p { padding:0 10px; min-height:120px;}
}

@media (min-width: 280px) and (max-width: 800px){
.banner .banner-sidebar .box-1{ padding: 10px 0 0 0}
.banner .banner-sidebar .box{ padding: 15px 20px}
.banner.app .banner-text {width: 100%; padding: 60px 0 0 0; text-align: left}
.banner-text .event-logo { margin:0 auto; }
.tab-btns li a {padding: 10px 20px;}
.video-detail { padding: 40px 35px;}
.search-tab.search-result { width:80%}
.services-list li {min-height: 370px;}
.tstimnal-cont .tstimnal-text { width:100%; padding: 24px 20px;}
.featured-one .inner-box {height: 300px;}
.featured .box-2.part-testim .inner, .featured .box-2.part-single .inner, .featured .box-2.video-container .inner {min-height: 350px;}

}

@media (min-width: 280px) and (max-width: 799px){
.joinus-box .container{ padding: 40px 50px}
.media-list li {width: 46%;}
.media-list li h4 { min-height: 40px;}
.banner .community-sidebar {padding: 16px 0 0 0;}
}


@media (min-width: 280px) and (max-width: 768px){
    
.grey-box-carrer{margin: .1em 0}
.bvc-supscript{text-align: center}    
.bvc-strip ul li{padding: 10px 0;font-size: 80%;width: 32%;}
.bvc-strip ul li .bvc-strip-two{line-height: 15px; padding-left: 10px}
ul.resources-featured-analyst-reports li .fl{ width: 100%; text-align: center; float: none; margin: 2%;}
ul.resources-featured-analyst-reports .fr{ width: 95%; text-align: center; float: none; margin: 0 auto}
ul.resources-featured-analyst-reports li img{ width: auto; height: auto}
ul.resources-featured-list{  text-align: center; display: table}
.resources-featured-box .fl{float: none;width: auto;background: #FFFFFF;padding: 2% 0 2% 2%;}
ul.resources-featured-list li {background: url('https://www.metricstream.com/images/images/lbr_arrow.gif') no-repeat 0 74%;padding: 0% 0 0 3%;font-size: 14px;/* float: left; */margin: 1%;text-align: center;display: inline-block;}
.resources-featured-box .fr{float: none;width: 100%;margin: 0 0 0 1%;}
.addr-popup.australia{ top: 100px; left: 350px } .addr-popup.france{top: -75px; left: 319px } .addr-popup.germany{top: -110px; left: 350px} .addr-popup.india{ top: 30px; right: -23px} .addr-popup.italy{ top: -80px; left: 378px }.addr-popup.saudi_arabia{ top: -28px; left: 430px;}.addr-popup.singapore{ top: 30px; left: 280px; }.addr-popup.south_africa{ top: 100px; left: 380px;}.addr-popup.south_america{top: 120px; left: 170px; }.addr-popup.spain{ top: -75px;left: 311px; }.addr-popup.united_arab_emirates { top: -25px;left: 440px;} .addr-popup.united_kingdom{  top: -88px; left: 370px;}.addr-popup.united_states{top: -56px;left: 95px;}.addr-popup.bahrain{top: -50px;left: 420px; }
/*	.FC_app-listing ul li .FS_fr{ width: 90%}*/
/*.video-list li .vid-coint{ min-height: 208px}*/
.video-list li .vid-info p, .video-list li .vid-info p a{ padding-bottom: 5px}
.grctv-banner{ height: /*350px*/ auto}
.views-exposed-widgets .views-exposed-widget.views-reset-button, .views-exposed-widgets .views-exposed-widget.views-submit-button{ width: 10%; }
.featured .quote:before{left: 10px}
.featured .quote:after{ right: 10px}
.featured .quote p{padding: 0 20px}
.featured .quote{ height: 190px}
.footer .selectParent{ width: 280px}
.footer .selectParent select{ width: 290px}
.featured .box-2, .benefits .box-2, .appdetail .box-2{ width: 100%; margin: 20px 0; text-align: center}
.banner .banner-sidebar .box-1{ padding: 10px 0 0 0}
.banner .banner-sidebar .box{ padding: 15px 20px}
.banner .banner-text { width: 90%; text-align: center; padding:30px 0 0 0;}
.banner .banner-container .le-arro { left:0%}
.banner .banner-container .ri-arro { right:0%;}
.grc-cloud{ height: 254px}
.resources-box{ padding: 70px 0}
.grc-cloud .inner-coint .fl { width:50%}
.grc-cloud .inner-coint .fr { width:50%}
.resources-box ul li h2 { font-size:130%}
.resources-box ul li h2 img { width:15%;}
.grc-journey{ height: auto; padding: 100px 0}
.grc-journey h2 { font-size: 180%;}
.customers-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl p { font-size: 120%;}
.customers-box .testimonial-box .fl:before { left:20px;}
.customers-box .testimonial-box .fl:after {right: 20px;}
.customers-box .testimonial-box .fr .cutomer-info, .grctv-box .testimonial-box .fr .cutomer-info, .featured .video-container .inner .cutomer-info { padding: 6px 20px;}
.customers-box .testimonial-box .fr .cutomer-info h3, .customers-box .testimonial-box .fr .cutomer-info span, .grctv-box .testimonial-box .fr .cutomer-info h3, .grctv-box .testimonial-box .fr .cutomer-info span, .featured .video-container .inner .cutomer-info h3, .featured .video-container .inner .cutomer-info span {font-size: 70%;}
.customers-box .testimonial-box .fr .customer-thumb {margin-top: 70px;}
.customers-box .client-box .left-arro {left: 1%;}
.customers-box .client-box .right-arro { right:1%}
.customers-box .client-box ul li { width: 19.4%;}
.event-box { height: 500px;padding: 70px 0 0;}
.event-box ul li .client-info h3 {font-size: 80%;}
.community-box ul li .fr {padding: 5px 10px 0 0;}
.community-box .left-arro { left:0%}
.community-box .right-arro {right: 0%;}
.footer .footer-nav ul li {margin: 0 10% 0 0;}
.footer .blue-bar .left {padding: 10px 0 10px;}
.footer .copyright-bar .fl { width:60%;}
.footer .copyright-bar .fr { width:40%}
.selectParent { width:260px;}
.selectParent select { width:250px;}
.appdetail .fr.feature-image { padding: 50px 0;}
.benefitsnfet .feat .icon-img.fl img { width: 80%;}
.featured .inner .box-2.fr img { display:none;}
.featured .box-2 .quot-wrapper { width:90%}
.aboutux-box .fl, .aboutux-box .fr { width:100%; float:none;}
.aboutux-box .fr { padding:20px 0;}
.team-box .head-btn .fl, .team-box .head-btn .fr {padding: 0 40px;}
.team-box .team-list li .team-info .fl p { font-size:70%}
.team-box .team-list li .team-info .fr ul li { float:none;text-align: right;}
.team-box .team-list .team-info .social-icon img { width:60%}
.investors-box ul li { width:50%; margin:0 0 20px 0;}
.award-box .fl h1, .award-box .fr h1 { font-size:160%}
.award-box .fl .left-box, .award-box .fr .left-box { width:100%;min-height: 100px;}
.award-box .fl .right-box, .award-box .fr .right-box { width:100%; padding:0;}
.customers-box .testimonial-box .fr .cutomer-info .icon-play, .grctv-box .testimonial-box .fr .cutomer-info .icon-play, .featured .video-container .cutomer-info .icon-play { display:none}
.grctv-box .testimonial-box .fr .customer-thumb { margin: 20px 0px 0px 40px;}
.grctv-box .testimonial-box .fl, .grctv-box .testimonial-box .fr { height:290px;}
.joinus-box .container {padding: 40px;}
.contact-map .social-list { top:inherit; right:inherit; bottom:60px; width:100%;text-align: center;}
.contact-map .social-list ul {display: inline-block;}
.contact-map .social-list li { float:left;}
.contact-map .social-list li a span { display:none;}
.popup-container .inner-coint { padding:30px;}
.popup-container .inner-coint .fl, .popup-container .inner-coint .fr { width:100%}
.popup-container .inner-coint .fl .image-box img { width:50%; margin-bottom:20px;}
.banner .banner-sidebar p { margin-top:10px;font-size: 80%;}
.banner .banner-sidebar .box {padding:20px;}
.banner.app .banner-text { width:48%; padding:30px 0 0 0;}
.banner .banner-text h1, .banner .banner-text h5, .banner.app .banner-text h1, .banner.app .banner-text h5, .fix-banner .banner-text h1, .fix-banner .banner-text h6  { font-size: 150%;}
.banner .banner-text h2, .banner .banner-text h6, .banner.app .banner-text h2, .banner.app .banner-text h6, .fix-banner .banner-text h2, .fix-banner .banner-text h6  { font-size:110%;}
.fix-banner .banner-text {width: 85%;padding: 25px 0 0 0;}
.banner .banner-sidebar h3 { font-size:100%}
.banner.about { height:274px;}
.contact-map .world-map, .contact-map.contact-page .world-map {background-size: 150%;background-position: 24% -19px;}
.applist ul {margin: 0 -2%;}
.applist ul li {width: 46%; margin: 10px 1%;}
.featured .part-testim .quote p {padding: 0 20px;}
.featured .part-single .analysis p {padding: 0;}
.featured .part-testim .position {padding: 0 30px;}
/*.featured .box-2.part-testim .inner, .featured .box-2.part-single .inner {min-height: 340px;}*/
.app-solution .fl, .app-solution .fr { width:100%;}
.app-solution .fl { margin-bottom:30px;}
.customer-corner ul li .icon-box {width:25px !important; height:25px;}
.customer-corner ul li { width: 28.7%;}
.contactus-box .box, .contactus-box .box.half-box { width:50%;}
.contactus-box .box { margin-bottom:35px;}
.contactus-box .box.full-box .inner { width:49.6%}
.banner, .banner.app, .banner .banner-img { /*height:390px;*/}
.community-box .full-coaintainer.web-slider { display:none;}
.community-box .full-coaintainer.moblile-slider { display:block;}
.community-box .full-coaintainer.moblile-slider ul {width: 75%;}
.community-box .full-coaintainer.moblile-slider ul li { width: auto;  min-height:inherit;}
.app-solution .fl.all-offer ul {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;}
.banner.event-page .banner-text.black-gradient {padding: 27px 0 0 0;}
.banner-sidebar.event-sidebar .profile-box .profile-image {width: 22%;}
.press-box p, .case-study-solution .fl, .case-study-solution .fr, .case-study-solution .fr .why-metric  { width:100%}
.case-study-solution .fr { margin:20px 0 0 0;}
.webn-lib-box .fr .upco-webn li .prof-view {height: 210px;}
.app-tweet .tweet-box {min-height:370px;} 
.featured .video-container .video-thumb img {min-height: 340px;}
.video-detail {padding: 20px 35px;}
.Webinars_viewtype{top: 392px;}
}
@media (min-width: 768px) and (max-width: 1023px){
    .masonry .item{width: 31%}
    ul.grc_try_now li{min-height: 200px; vertical-align: top; margin: 2em .5em 0 .5em;}
        ul.grc_try_now li p{font-size: 13px;}	
    .footer .footer-nav-drop ul li{  padding: 10px 5px}
    .fader{ height: 350px}
    .banner .banner-text {width: 40%; text-align: center; padding:30px 0 0 0;}
    .banner .banner-sidebar .box-1{padding:10px 0 0 0px}
    .banner .banner-sidebar .box{padding: 15px 20px;}
    .banner .banner-text h1, .banner .banner-text h5, .banner.app .banner-text h1, .banner.app .banner-text h5, .fix-banner .banner-text h1, .fix-banner .banner-text h6  { font-size: 150%;}
    .banner .banner-text h2, .banner .banner-text h6, .banner.app .banner-text h2, .banner.app .banner-text h6, .fix-banner .banner-text h2, .fix-banner .banner-text h6  { font-size:110%;}	
	}

@media (min-width: 280px) and (max-width: 767px){
.investors-box ul li p img{width: 70%}    
.grcblock{ width: 100%; padding: 0;}
ul.grc_try_now li{width: 95%; vertical-align: top}
	
ul.grctv_newbnr {position: static !important; overflow: auto  !important; height: 600px !important; display: block !important; width: 100%;}
ul.grctv_newbnr li{position: relative !important; display: block; }
ul.grctv_newbnr li:first-child, ul.grctv_newbnr li:first-child, ul.grctv_newbnr li:nth-child(3), ul.grctv_newbnr li:nth-child(4), ul.grctv_newbnr li:nth-child(5), ul.grctv_newbnr li:nth-child(2){ width: 100% !important; height: 100% !important; top: inherit !important; left: inherit !important; right: 0 !important}
.views-exposed-widgets .views-exposed-widget.views-reset-button, .views-exposed-widgets .views-exposed-widget.views-submit-button{ width: 10%}
.tab-btns li a{ font-size: 16px}
.bx-viewport{ height: auto !important}
.customers-box .testimonial-box .fl h2, .customers-box .testimonial-box .fl h5, .grctv-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl h6, .grctv-box .testimonial-box .fl p{ font-size: 16px}
.event-box ul li .client-info{ padding: 5px}
.footer .selectParent{ width: 250px}
.footer .selectParent select{ width: 100%}
.video-list li {width: 46%;}
.video-list li .vid-info{ height: 120px}
.footer .foot-newsrom-box .side-box .logo{ width: 100%}
.banner .banner-sidebar .box.first-box p, .banner .banner-sidebar .box.second-box p, .banner .banner-sidebar .box.three-box p{ height: 35px; line-height: 40px; margin: 0;}
.banner .banner-text{ width: 90%}
/*.banner, .banner.app, .banner .banner-img{ height: auto}*/
.banner .banner-sidebar { padding: 0 0 10px;width: 100%;right: 0;float: left;position: inherit;height:inherit;}
.banner, .fix-banner, .banner.app{ height: auto}
.fix-banner{ padding-bottom: 20px}
.fader{ height: 320px}
ul#grctimer {list-style: none; margin: 0;  padding: 0;  display: block; text-align: right; width: 100%;}
.video-list li {width: 48%;}
.video-list li .vid-info p {min-height: 46px;}
.webn-lib-box .fr .upco-webn li, .app-tweet .fl, .app-tweet .fr {width: 100%;}
.webn-lib-box .fr .upco-webn li .prof-view {height: auto;}
.webn-lib-box .fr .upco-webn li .webnair-info h4 { min-height:inherit;}
.app-tweet .tweet-box { min-height:inherit;}
.app-tweet .fl { margin-bottom:40px;}
.library-list.past-confer .descr-title, .library-list.past-confer .descr-date, .library-list.past-confer .descr-location, .library-list.past-confer .descr-logo, .library-list.past-confer .descr-date.large-colmn {display: block;padding: 0 0 10px 0; width:100%}
.library-list.past-confer .descr-location.alignRight { text-align:left}
.library-list.past-confer .descr-logo { text-align:inherit;}
.library-list .short-descr { width:60%}
.featured_video .video-cont{ height: auto}
.grctv-micro-bann { height:auto !important;}
.video-detail {padding: 30px;}
.video-cont, .video-cont img { height:auto;}
.upco-webn li .webnair-info p.short-des.large-text {min-height: 140px;}
.upco-webn li .webnair-info p.short-des {min-height: 90px;}
.services-list li { width:100%; min-height:inherit;}
.services-list li .serv-text { padding-top:20px; width: 100%}
.grctv-micro-bann .le-arro {left: -6%;}
.grctv-micro-bann .ri-arro {right: -6%;}
.media-list li h4 {min-height: 60px;}
.inline-block { display:block; float:inherit;}
.support-cont { width:60%; margin:40px auto 0;}
.flot-letonone { float:inherit;}
.video-cont.live-video .videoWrapper { height:300px;}
.video-cont.live-video .videoWrapper iframe { position:inherit;}
.customers-list li {width: 46%;}
.customers-list .cust-detais p {min-height: inherit;}
.banner .community-sidebar {  width: 265px;}
.community-sidebar .external-link li {padding: 12px 25px;}
.commun-panel { margin:0;}
.commun-panel li {width: 100%;margin:0 0 20px 0;}
.commun-panel li p { min-height:inherit;  padding: 0 40px;}
.sub-heading { font-size:110%}
}

@media (min-width: 280px) and (max-width: 640px){
.team-box .team-list li, .team-box .borad-list li, .investors-box ul li{min-height: auto}
.mikael-quotes .content-quotes{width: 95%; text-align: center; margin: 0 auto}
.mikael-quotes .content-quotes .name{text-align: center}
.mikael-quotes{height: auto;}
.content-quotes-header{width: 95%; }   
.content-quotes-header .quotes{font-size: 18px}    
.bvc-strip ul li{display: block; width: 90% !important;} 
.bvc-strip{height: 100%} 
.bvc-strip ul li .bvc-strip-one{width: 30%}
.watch-btn{ font-size: 12px; margin-top: 10px}
.banner .banner-text_m7{ padding: 10px 0 0 0px}
.banner .banner-text_m7{ width: 100%}
.banner .banner-text_m7 .event-logo{left: 10%;position: relative;width: 60%;display: block;}
.banner .banner-text_m7 .event-logo img{width: 30%;}
.banner .banner-text_m7 .white_box_m7{background-color: rgba(255, 255, 255, 0.9);padding: 10px 0;margin: 3% 0 0 0;}
.banner .banner-text_m7 h6 {font-family: 'Open Sans Light';font-size: 18px;color:#212121;margin: 0 0 0 10%;line-height: 26px;}
.banner .banner-text_m7 p {font-family: 'Open Sans Light';font-size: 12px;color:#212121;margin: 0 0 0 10%;}
	
ul.grctv_newbnr li:first-child .post__description h2{font-size: 14px}
li.select-lan{margin: 3px 0 0 5px !important}
div.fancy-select div.trigger{ text-indent: -1000px}
ul.m7_bigblock li{ width: 90%; }
p.rtecenter img{ width: 100%}
.resources-library li .lib-image {vertical-align: middle;text-align: center;}
.resources-library li .lib-text {text-align: center;}
.resources-featured-box .fr ul li p{float: none;max-width: 95%; margin: 3% auto;}
.resources-featured-box .fr ul li{text-align: center;margin: 5% 0;}
.resources-featured-box .fr ul li img{ float: none}
.resources-library li .lib-image{ float: none}
.resources-library li .lib-text{ float: none; width: 100%}

.services-list li .serv-img{ width: 100%}
.box-2{ width: 100%}
.icons_wrp{ display: none}
.views-exposed-widgets .views-exposed-widget.views-reset-button, .views-exposed-widgets .views-exposed-widget.views-submit-button{ width: 25%}
.MH{ display: none}
.featured .box-2.fl .inner{ min-height: auto; padding: 20px 0 0 0 }
.featured .box-2 .position{ margin: 0 0 20px 0}
.applist ul li{ width: 100%}
.appdetail{ padding: 20px 0}
.footer .selectParent{ width: 100%}
.grc-journey { padding: 20px 0; height: auto}	
.banner .banner-sidebar .box.first-box p, .banner .banner-sidebar .box.second-box p, .banner .banner-sidebar .box.three-box p{ line-height: 40px}
.fader{ height: 310px}
.top-header ul li.log-in, .top-header ul li.call-in, .top-header ul li.demo-in, .top-header ul li a { height:18px; display:inline-block;background-position: 0 1px;}
.top-header ul li span.head-name { display:none;}
.banner .banner-text {  padding: 70px 0 0 0;}
/*.banner .banner-sidebar { padding: 0 0 10px;width: 100%;right: 0;float: left;position: inherit;height:inherit;}
.banner .banner-container { height:302px;position: relative;}*/
.partner-box-list li .fl:before{ height: auto !important}
.businessvalfont h2{  font-size: 20px;}
.rwid { display: none}
.watch-btn { padding:10px 25px;}
.top-header ul li {padding: 0 0 0 25px;}
.banner .banner-text {/*width: 45%;*/}
.banner .banner-sidebar {/*width: 270px;*/height: auto;padding:0;}
.grc-cloud {height: 374px;padding: 53px 0;}
.grc-cloud .inner-coint .fl {width: 100%;text-align: center;}
.grc-cloud .inner-coint .fl img { width:40%; float: none; padding:0;}
.grc-cloud .inner-coint .fr { width:100%;text-align: center;}
.grc-cloud .inner-coint .fr .watch-btn {text-align: left;}
.resources-box ul li h2, .resources-box ul li h6 {font-size: 110%;}
.grc-journey h2 {font-size: 160%;}
.customers-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl p {padding: 0 20px;}
.customers-box .testimonial-box .fl:before {left: 0px;}
.customers-box .testimonial-box .fl:after {right: 0px;}
.customers-box .testimonial-box .fr .customer-thumb {margin: 0px 30px /* 70px 0 0 30px */;}
.customers-box .client-box ul {width: 42%;}
.event-box{ height: 380px}
.customers-box .client-box ul li {width: 32%;}
.customers-box .client-box .left-arro, .customers-box .client-box .right-arro { top:100px}
.event-box h1, .event-box h5 {font-size: 200%;}
.event-box h2 {font-size: 110%;}
.event-box ul li .client-info p { display:none;}
.event-box .watch-btn {margin: 30px auto 90px;}
.community-box h2 {font-size: 120%;}
.community-box ul li { width:90%; margin:1% 30px;}
.community-box ul li .fr {padding: 15px 10px 0 0;}
.footer .footer-nav ul li {margin: 0 7% 0 0;}
/*.footer .blue-bar .left ul li {width: 34%;padding: 10px 0;}*/
.footer .blue-bar .right { width:100%;  text-align:center;padding: 0 0 15px;}
.footer .blue-bar .right a {margin: 10px 5% 0 0;}
.footer .blue-bar .left {padding: 10px 0; width:100%}
.footer .blue-bar .left ul li a {font-size: 75%;}
.footer .blue-bar .left ul li a img {width: 11%;margin: 0px 4px 0 0; display:inline-block}
.footer .copyright-bar .fl {width: 100%; text-align:center;padding: 0 0 20px;}
.footer .copyright-bar .fr {width: 100%;}
.selectParent {margin: 0 auto;float: none;}
.appdetail .fr.feature-image {/*padding: 180px 0;*/}
.featured h4 { font-size:160%}
.featured .quote { padding:0;}
.featured .quote p { padding:0; font-size: 14px; min-height: 130px}
.featured .analysis {padding: 10px;}
.aboutux-box {padding: 50px 0 20px;}
.skyblue{padding: 50px 0; text-align: center}    
.team-box .team-list li, .team-box .borad-list li{width: 49%; padding: 0 5px}
.case-study-over .fl, .case-study-over .fr.overview-image { width: 100% ; margin: 5% 0}
/*.team-box .team-list li .team-info {min-height: 70px;}*/
.team-box .head-btn .fl, .team-box .head-btn .fr {padding: 0;}
.team-box .head-btn .fl a.selected, .team-box .head-btn .fr a.selected {font-size: 120%;}
.team-box .head-btn .fl a, .team-box .head-btn .fr a {font-size: 150%;}
.award-box .fl h1, .award-box .fr h1 {min-height: 70px;}
.grctv-box .testimonial-box .fl, .grctv-box .testimonial-box .fr {height: 220px;}
.grctv-box .testimonial-box .le-arro {left: -6%;}
.grctv-box .testimonial-box .ri-arro  { right:-6%}
.grctv-box .testimonial-box .fr .customer-thumb {margin: 20px 0px 0px 20px;}
.joinus-box .container { padding: 20px;}
.contact-map .info-bar ul li { font-size:140%}
.contact-map .info-bar ul li+li:before {content: "|";padding: 0 10px;}
.contact-map .info-bar { height:50px;} 
.popup-container .inner-coint { width:80%}
.banner .banner-sidebar .box {padding: 10px 20px;}
.banner.about { height:227px;}
.contact-map { height:510px; display: none}
.applist ul li {min-height: /*330px */ inherit;}
.featured .box-2.part-testim .inner, .featured .box-2.part-single .inner, .featured .box-2.video-container .inner {min-height: 360px;}
.partner-box .width-60, .be-partner p {width: 100%;}
.customer-corner ul li {width: 28.6%;}
/*.banner, .banner.app, .banner .banner-img { height:273px;}*/
.community-box .full-coaintainer.moblile-slider ul {width: 100%;}
.partner-box-list li .fl { position:inherit; width:100%; left:0px; text-align:center;margin-bottom: 20px;}
.partner-box-list li .fl img { width:auto}
.partner-box-list li .fr { width:100%}
.banner.event-page .banner-text.black-gradient {padding: 5px 0 0 0;width: 46%;}
.banner-sidebar.event-sidebar {padding: 15px 0;}
.banner-sidebar.event-sidebar .profile-box{ width:73%; margin:0 auto}
.banner-sidebar.event-sidebar .profile-box h4 { font-size:70%}
.banner-sidebar.event-sidebar .profile-box p { font-size:60%;}
.banner-sidebar.event-sidebar ul li {margin: 0 auto 10px;}
.search-tab li {width: 45%;margin: 0px 7px 14px 0;}
.views-exposed-widgets .views-exposed-widget {width: /*48*/ 100%; margin: 0 7px 10px 0;}
.views-reset-button,.views-submit-button{margin: 0px 10px !important;text-align: center;float: none !important; }
.views-submit-button .form-submit{/*text-indent:-115px; */}
.views-reset-button .form-submit{/*text-indent:-115px;*/}
.search-tab li.reset-btn { width:90%}
.grctv-banner { height: /*750px */ auto;}
.grctv-banner .banner-box { width:100%;height: 250px;}
.grctv-banner .banner-box .video-box, .grctv-banner .banner-box .video-box.three-video, .grctv-banner .banner-box .video-box.four-video, .grctv-banner .banner-box .video-box.five-video, .grctv-banner .banner-box .video-box.six-video {width: 50%;height: 100%; float:left}
.upco-webn li .webnair-info h4 {min-height: 110px;}
.banner.app .banner-text { width: /*46%*/ 90%;padding: 20px 0 0 0; text-align: center}
.banner, .banner.app, .banner .banner-img{ height: 280px}
.featured .video-container .video-thumb img {min-height: 360px;}
.tab-btns li a {padding: 10px 10px;}
.banner.app .banner-text.newbann-text { padding: 20px 0 0 0;}
.support-cont { width:70%;}
.banner-sidebar.event-sidebar .profile-box .profile-image {width: 34%;}
.Webinars_viewtype{top:430px;}
.views-exposed-widgets .views-exposed-widget.views-reset-button, .views-exposed-widgets .views-exposed-widget.views-submit-button{ margin: 0 !important; float: left !important}
.benefits, .partner-box, .press-box, .webn-lib-box{padding: 20px}
}

@media (min-width: 280px) and (max-width: 639px){
.customerstestimonialinsight li, ul.customerscasestudyheight li, .customersgrctvheight li, .customerslogoheight li{ width: 98%;}
.masonry .item{width: 95%}    
.fader{ height: 310px}
.banner .banner-text {  padding: 40px 0 0 0;}
.right_floater { display:none;}
.video-list li .vid-info p {min-height: 64px;}
.upco-webn li { width:100%}
.upco-webn li .prof-view {height: auto;}
.upco-webn li .webnair-info h4, .upco-webn li .webnair-info p.short-des, .upco-webn li .webnair-info p, .upco-webn li .webnair-info h4.large-head, .upco-webn li .webnair-info p.short-des.large-text {min-height: inherit;}
.tab-btns li { display:inherit; text-align:center; margin: 10px 0;}
.tab-btns li a.selected:after { display:none}
.tab-btns li a {padding: 10px 40px;}
.library-list .short-descr { width:90%}
.resources-library li .lib-image { display:inherit; text-align: center; margin: 0 auto}
.resources-library li .lib-text { margin:15px 0 0 0;}
.search-tab.search-result { width:100%}
.search-categ ul li a {padding: 10px 20px;}
.video-list li .vid-info p {min-height: /*85px*/ inherit; padding: 10px 0}
.media-list li {width: 44%;}
.media-list li h4 {min-height: 80px;}
.featured-one .box-4 { width:100%}
.featured-one .inner-box {height:inherit;}
.customers-list li {width: 44%;}
.customers-list .cust-detais p {min-height: 40px;}
}

@media (min-width: 280px) and (max-width: 480px){
.grey-box-carrer .carrer-img{width: 50%; text-align: center; margin: 0 auto; float: none; }.grey-box-carrer .carrer-txt{width: 100%; text-align: center; margin: 1em 0 0 0}
.FC_app-listing ul li{ margin: 10px 0; float: inherit; text-align: center }
.FC_app-listing ul li span{ float: inherit; text-align: center; }
.FC_app-listing ul li p{ width: 100%}
.video-list li{ width: 100%}
.views-exposed-widgets .views-exposed-widget{ width: 100%; height: 60px}
/*.footer .blue-bar .left ul li{ width: 42%}*/
.app_img img{ width: 100%}
.benefits, .partner-box, .press-box, .webn-lib-box{ padding: 20px 0}
.benefits .fr .box-2 img{ width: 100%}
.benefits h4{ margin-bottom: 10px}
.community-box h2, .community-box h6{ font-size: 20px}
.grc-cloud{ height: 300px; padding: 30px 0}
.upco-webn li .event-overview-NB ul li, .upco-webn li .event-overview-NB ul li:last-child{ float: none; width: 100%}
.upco-webn li .event-overview-NB ul li{ width: 100%}
.upco-webn li .event-overview-NB{ height: auto}

.container {width: 89%;}
.grc-cloud .inner-coint .fr h1, .grc-cloud .inner-coint .fr h5 {font-size: 250%;}
.grc-cloud .inner-coint .fr h2, .grc-cloud .inner-coint .fr h6 {font-size: 150%;}
.resources-box {padding: 70px 0;}
.resources-box ul li { width:100%}
.resources-box ul li {width: 100%; margin: 	10% 0;}
.resources-box ul li h2, .resources-box ul li h6 {font-size: 150%;padding: 10px 0;}
.grc-journey h2, .grc-journey h6 {font-size: 120%;}
.grc-journey h1, .grc-journey h5 {font-size: 200%;}
.event-box .watch-btn {margin: 20px auto 10px;}
.event-box ul li {width: 34%;margin: 5px 30px;}
.event-box ul li .client-info h3 {font-size: 50%;}
.footer .footer-nav ul li a { font-size: 80%;}
.footer .footer-nav ul li {margin: 0 2% 0 0;}
.footer .blue-bar .left ul li{ padding: 0; }
.banner .banner-container .le-arro, .banner .banner-container .ri-arro, .grctv-micro-bann .le-arro, .grctv-micro-bann .ri-arro { display:none;}
.customers-box .client-box .left-arro {left: 0%;}
.customers-box .client-box .right-arro { right:0%}
.banner.app .banner-text { width:90%; text-align: center}
.case-study-over .fl{width:100% !important;}
.box-2, .case-study-over .fr.overview-image { /*width:100% !important;*/ text-align:center;}
.appdetail .fr.feature-image, .technology .broweser-img, .benefits .broweser-img, .business-val .box-2.fr, .case-study-over .fr.overview-image {padding: 30px 0 0;}
.benefitsnfet .features-det .feat .feat-det .title, .benefitsnfet .features-det .feat .feat-det p, .benefitsnfet .benefits-det ul li, app-listing ul li, FC_app-listing ul li { text-align:left}
.benefitsnfet .features-det .feat .icon-img {width: 15%;margin-right: 5%;}
.featured .quote {margin: 0;}
.featured .box-2 .quot-wrapper { box-sizing: border-box;}
.team-box .team-list li .team-info .fl h3 { font-size:70%}
/*.team-box .team-list li .team-info {min-height: 80px;}*/
.team-box .head-btn .fl a.selected, .team-box .head-btn .fr a.selected {font-size: 80%;}
.team-box .head-btn .fl a, .team-box .head-btn .fr a {font-size: 120%;}
.investors-box ul li { width:100%}
.grctv-box .testimonial-box .fl, .grctv-box .testimonial-box .fr { width:100%}
.grctv-box .testimonial-box .fr .customer-thumb { margin:0;}
.grctv-box .testimonial-box .fl { height: auto; padding:20px 0;}
.grctv-box .testimonial-box .fr { height:310px; padding:20px 0;}
.grctv-box .head-box h3, .grctv-box .head-box p { font-size:170%}
.joinus-box .container h3, .joinus-box .container h6{ font-size: 22px}
.joinus-box .container h3, .joinus-box .container h6{ font-size: 22px}
.joinus-box .container h1, .joinus-box .container h3, .joinus-box .container p {padding-bottom: 15px;}
.contact-map .info-bar ul li {font-size: 100%;}
.featured .case_study { margin-bottom:30px;}
.benefitsnfet .features-det { margin-bottom:50px;}
.business-val p { width:100%}
.banner, .fix-banner, .banner.app { height: auto;} 
.mb_h{ height: 150px}
.banner .banner-container {/* height:302px;*/position: relative;}
.banner .banner-img, .fix-banner .banner-bg img { height:302px; width:auto;}
.banner .banner-sidebar { padding: 0 0 10px;width: 100%;right: 0;float: left;position: inherit;height:inherit;}
.banner .banner-sidebar h3 {font-size: 20px;}
.banner .banner-sidebar p {font-size: 15px;margin-top: 20px;}
.banner .banner-sidebar .box { padding:20px;}
.banner .banner-text {width: 80%;left: 0;right: 0;margin: auto; text-align:center}
.banner .banner-text h1, .banner.app .banner-text h1 {font-size: 160%;}
.banner .banner-text h2, .banner.app .banner-text h2 {font-size: 120%;}
.customers-box.home-page .testimonial-box { height:261px;}
.customers-box.home-page .testimonial-box .container { width:100%}
.customers-box.home-page .testimonial-box .fl { display:none;}
.customers-box.home-page .testimonial-box .fr { width:100%; height:auto; padding:0;}
.customers-box.home-page .testimonial-box .fr .customer-thumb { margin: 70px 0 0 10px;}
.customers-box.home-page .testimonial-box .fr .cutomer-info h3, .customers-box.home-page .testimonial-box .fr .cutomer-info span {font-size: 15px;}
.customers-box.home-page .testimonial-box .fr .cutomer-info {padding: 16px 20px;}
.customers-box.home-page .client-box .up-arrow:before, .customers-box.home-page .client-box .up-arrow:after { display:none;}
.customers-box.home-page .testimonial-box .fr .cutomer-info .icon-play { display:block}
.customers-box.home-page .bx-wrapper .bx-prev { left:0px;}
.customers-box.home-page .bx-wrapper .bx-next { right: 0px;}
.customers-box.home-page .bx-wrapper .bx-viewport { width:100% !important;}
.banner.about { height:169px;}
.contact-map .addr-popup h3 { font-size:100%;}
.contact-map .addr-popup { width:240px;}
.contact-map .addr-popup address, .contact-map .addr-popup p { font-size:80%;}
.applist ul li {width: 100%;margin: 10px 0;}
.applist ul li {min-height:inherit !important; }
.applist img {margin: 0 0 20px;}
.featured .box-2.part-testim .inner, .featured .box-2.part-single .inner {min-height:inherit;}
.featured .box-2.video-container .inner {min-height:300px;}
.featured .part-testim { margin-bottom:20px;}
.featured .part-testim .inner { padding-bottom:20px;}
.featured .part-single .quote {height: 120px;}
.featured .part-single .inner .fl {width: 100%; margin-bottom:20px;}
.featured .part-single .inner .fr.report-graph, .featured .box-2 .inner .fl, .featured .box-2 .inner .fr {width: 100%;}
.featured .part-single .inner .fr img { float:none;}
.featured .quote p {padding: 0 40px;}
.featured .quote { height:160px;}
.featured .box-2 .inner .fl.quot-wrapper { margin-bottom:20px;}
.featured .box-2 .inner .next-icon .black-icon { display:block}
.featured .box-2 .inner .next-icon .white-icon { display:none;}
.app-solution .fl ul {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.customer-corner ul{ text-align: center; display: table; margin: 0; }
.customer-corner ul li {width: 43%; display: inline-block; text-align: center}
.contactus-box .box, .contactus-box .box.half-box, .contactus-box .box.full-box .inner { width:100%}	
.top-header ul li { padding:2px 0;}
.top-header ul li.log-in, .top-header ul li.call-in, .top-header ul li.demo-in, .top-header ul li a { width:23px; height:18px; display:inline-block;background-position: 0 5px;}
.top-header ul li:last-child { margin:0 0 0 10px;}
.top-header ul li> ul { top:24px;}
.event-box {height: 340px;padding: 70px 0 0;}
.event-box ul { display:none;}
.community-box .full-coaintainer.moblile-slider ul {width: 90%;}
.community-box .full-coaintainer.moblile-slider ul li .fl { display:none;}
.community-box .full-coaintainer.moblile-slider ul li .fr { width:100%; padding:15px;}
.footer .copyright-bar .privacy-box { width:100%;padding: 10px 0 0 0; display:block;}
.partner-list.top-100 { margin-top:20px;}
.app-solution .fl.all-offer ul {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;}
.banner.event-page .banner-text.black-gradient { width:90%;padding: 15px 0 0 0;}
.banner-sidebar.event-sidebar { padding: 20px 0;}
.banner-sidebar.event-sidebar ul li {margin: 0 auto 20px;}
.banner-sidebar.event-sidebar .profile-box .profile-image {width: 60%;}
.banner-sidebar.event-sidebar .profile-box h4 { font-size: 15px;}
.banner-sidebar.event-sidebar .profile-box p {font-size: 12px;}
.fix-banner .banner-text {width: 90%;padding: 20px 0;text-align: center;}
.footer .blue-bar .left ul li a img {margin: 4px 4px 0 0;}
.webnair-list .view-type { position:inherit; text-align: center; margin: 0 0 20px 0; right:inherit; top:inherit;}
.library-list .descr-title { display: block; padding:0;}
.library-list .descr-btn { display: block; margin: 10px 0;}
.featured .video-container .video-thumb img {min-height:inherit; width:100%}
.tstimnal-cont h1, .tstimnal-cont h5, .tstimnal-cont h6  { font-size:150%}
.tstimnal-cont .tstimnal-text { font-size:120%; padding: 24px 0px;}
.banner-text .event-logo { margin:0 auto;  /* display: none hiding logo to fix banner visibility*/}
.press-relea-list li .short-descr { width:100%}
.support-cont { width:100%;}
.banner .community-sidebar {width: 100%;right: 0;float: left;position: inherit;height: inherit; }
.community-sidebar .external-link li {  padding: 18px 25px;}
.col-sm-12 {width: 100%;}
.col-sm-11 {width: 91.66666666666666%;}
.col-sm-10 {width: 83.33333333333334%;}
.col-sm-9 {width: 75%;}
.col-sm-8 {width: 66.66666666666666%;}
.col-sm-7 {width: 58.333333333333336%;}
.col-sm-6 {width: 50%;}
.col-sm-5 {width: 41.66666666666667%;}
.col-sm-4 {width: 33.33333333333333%;}
.col-sm-3 {width: 25%;}
.col-sm-2 {width: 16.666666666666664%;}
.col-sm-1 {width: 8.333333333333332%;}
ul#grctimer li { display: inline-block; width: 14px; text-align: right; color: #84bc03;}
} 

@media (min-width: 280px) and (max-width: 479px){
.team-box .team-list li, .team-box .borad-list li {width: 100%;}
#search input[type=text]{ width:100px}
.footer .blue-bar .left ul li a{/* font-size: 70% */}
.banner .banner-sidebar .box.first-box p, .banner .banner-sidebar .box.second-box p, .banner .banner-sidebar .box.three-box p{ line-height: 24px}
.upco-webn li .event-overview-NB ul li{ width: 100%}
.upco-webn li .event-overview-NB{ height: auto}
.fix-banner .banner-bg { min-height:440px;}
.fix-banner .banner-bg img { height:440px;}
.video-list li {width: 100%;}
.video-list li .vid-info p, .video-list li .vid-info .client-logo {min-height: inherit;}
.grctv-banner {height: /*1500px*/ auto;}
.grctv-banner .banner-box {width: 100%;height: 500px;}
.grctv-banner .banner-box .video-box, .grctv-banner .banner-box .video-box.three-video, .grctv-banner .banner-box .video-box.four-video, .grctv-banner .banner-box .video-box.five-video, .grctv-banner .banner-box .video-box.six-video {width: 100%;height: 50%;}
.library-list .short-descr { width:100%}
.search-categ ul li a {padding: 10px 10px;}
.banner .banner-text h1, .banner.app .banner-text h1, .banner .banner-text h5 {font-size: 140%;}
.banner .banner-text h2, .banner .banner-text h6, .banner.app .banner-text h2 {font-size: 100%;}
.media-list { margin:inherit;}
.media-list li {width: 100%; margin: 0 0 20px 0;}
.media-list li h4 {min-height: inherit;}
.support-cont .fr { width:100%; margin:20px 0 0 0;}
.customers-list li {width: 100%;margin: 0 0 20px 0;}
.customers-list .cust-detais p {min-height: inherit;}
.customers-list { margin:0;}
.latest-update .update-list .image-box, .latest-update .update-list .content-cont { float:inherit}
.latest-update .update-list .image-box{ width: 100%}
.ms-community .box-cont{ margin: 0}
.white-box{ padding: 10px 0}
.latest-update .update-list .content-cont { width:100%; margin:10px 0 0 0;}
.latest-update .load-more { margin:0;}
.commun-panel li p { padding: 0 10px;}
.Webinars_viewtype{  right: 31px; top: 432px;}
@media (min-width: 280px) and (max-width: 405px){ .Webinars_viewtype { top: 430px;} .footer .blue-bar .left ul li a{/* font-size: 66% */} }
@media (min-width: 280px) and (max-width: 375px){ .footer .blue-bar .left ul li{width: 71%;} .Webinars_viewtype { top: 430px;} .footer .blue-bar .left ul li a{/* font-size: 70% */} .joinus-box .container p{ font-size: 12px} }
@media (min-width: 280px) and (max-width: 360px){.logo {width: 55%;}
.Webinars_viewtype{ top: 430px}
.top-header ul li> ul {left:-50px}
.banner .banner-text {width: 90% !important;}
.grc-cloud{ height: 320px; padding: 20px 0}
.grc-cloud .inner-coint .fl img {width: 60%;}
.resources-box ul li {width: 100%; margin: 20px 0%;}
.customers-box .testimonial-box .fl { width:100%}
.customers-box .client-box ul li {width: 100%;}
.customers-box .client-box .left-arro, .customers-box .client-box .right-arro {top: 250px;}
.event-box ul li {margin: 20px 20px;}
.community-box ul { width:80%}
.community-box ul li {margin: 1% 10px;}
.community-box ul li .fl { display:none}
.footer .footer-nav ul li {margin: 0 1% 0 0;}
.footer .footer-nav ul li a {font-size: 70%;}
.footer .blue-bar .right {padding: 15px 0;}
.footer .blue-bar .left ul li a {/* font-size: 60%; */}
.breadcrumbs{ font-size:15px;}
.breadcrumbs a{font-size:15px !important;}
.aboutux-box .fr .timeline-box {padding: 20px 0;}
.aboutux-box .fr .timeline-box ul { width:100%; height:45px; overflow:hidden;}
.aboutux-box .fr .timeline-box ul li { float:left;padding:0; text-align:center; width:33.3%; list-style-type: none}
.aboutux-box .fr .timeline-box ul li a { font-size:90%;}
.aboutux-box .fr .timeline-box ul li a.selected { margin:0;}
.aboutux-box .fr .timeline-box .info-box { width:100%;}
.aboutux-box .fr .timeline-box .timeline-arrow {height: 1px;width: 100%;float: left;background:linear-gradient(to left, rgba(0, 0, 0, 0), #98bcde, rgba(0, 0, 0, 0));margin-top:5px;}
.aboutux-box .fr .timeline-box .timeline-arrow::before {top:0; left:47%;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #1064b5;border-bottom:none;}
.views-exposed-widgets .views-exposed-widget {width: 100%; margin: 0 0px 20px 0; height: 50px }

.team-box .team-list li, .search-tab li {width: 100%;}
.team-box .team-list li .team-info .fl h3 { font-size:15px;}
.team-box .team-list li .team-info .fl p {font-size: 14px;}
.team-box .head-btn .fl a.selected, .team-box .head-btn .fr a.selected {padding: 15px 20px;}
.team-box .head-btn .fl a, .team-box .head-btn .fr a {font-size: 100%;}
.award-box .fl, .award-box .fr { width:100%}
.award-box .fl h1, .award-box .fr h1 { min-height:inherit;}
.award-box .fl .left-box, .award-box .fr .left-box { min-height:inherit;margin: 0 0 20px 0;}
.award-box .fl h1, .award-box .fr h1 { font-size:30px;}
.grctv-box .testimonial-box .fr {height: 270px;}
.grctv-box .head-box h3, .grctv-box .head-box p{ font-size:130%}
.joinus-box .container p, .joinus-box .watch-btn { font-size:80%}
.joinus-box .watch-btn { margin-top:0;padding: 15px 10px;}
.contact-map .info-bar ul li {font-size: 70%;}
.contact-map .info-bar {height: 30px;}
.contact-map .social-list { bottom:40px;}
.popup-container .inner-coint {padding: 20px;}
.banner.about { height:125px;}
.contact-map .world-map, .contact-map.contact-page .world-map {background-size: 170%;}
.contact-map .addr-popup h3 {font-size: 80%;}
.contact-map .addr-popup address, .contact-map .addr-popup p {font-size: 60%;}
.contact-map .addr-popup address { padding:5px 0;}
.contact-map .addr-popup {width: 180px; padding:10px;}
.contact-map .addr-popup p { line-height:18px;}
.contact-map {height: 400px;}
.applist .buttons .watch-btn { margin:15px 0 0 0;}
.featured .part-testim .quote {height: 220px;}
.featured .part-testim .quote p {padding: 0 40px;}
.partner-list ul li { width:50%}
.customer-corner ul li {/* width:45.3%*/}
.customers-box.home-page .testimonial-box .fr .cutomer-info {padding: 12px 10px;}
.customers-box.home-page .testimonial-box .fr .cutomer-info .icon-play { width:30px;}
.customers-box.home-page .testimonial-box .fr .cutomer-info h3, .customers-box.home-page .testimonial-box .fr .cutomer-info span {font-size: 70%}
.customers-box.home-page .testimonial-box {height: 193px;}
.customers-box.home-page .bx-wrapper .bx-viewport {width: 60% !important;}
.footer .blue-bar .left ul li a img {margin: 6px 4px 0 0;}
.joinus-box.subscrib-box { height: 300px;}
.upco-webn li .prof-view ul li, .upco-webn li .prof-view.logo-view ul li, .webn-lib-box .fr .upco-webn li .prof-view ul li {width: 50%;}
.featured .box-2.video-container .inner {min-height:250px;}
.video-cont.live-video .videoWrapper { height:200px;}
.upco-webn li .event-overview-NB ul li{ width: 100%}
.upco-webn li .event-overview-NB ul li, .upco-webn li .event-overview-NB ul li:last-child{ float: none; width: 100%}
}


@media (min-width: 280px) and (max-width: 320px){
.Webinars_viewtype{ top: 470px}
.fader .prev, .fader .next{ display: none}
.banner.about { height:110px;}
.watch-btn { font-size:12px;}
.top-header ul li.log-in, .top-header ul li.call-in, .top-header ul li.demo-in, .top-header ul li a { margin:0;}
.customers-box.home-page .testimonial-box {height: 171px;}
.footer .blue-bar .left ul li{ margin: 0; }
.footer .blue-bar .left ul li a {font-size: 58%;}
.joinus-box.subscrib-box { height: 320px;}
.search-categ ul li a {padding: 10px 7px;}
.commun-panel li p { padding: 0;}
}