@media (min-width: 280px) and (max-width: 1224px){
.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%;}
.commun-panel li p { min-height:80px;}
}

@media (min-width: 280px) and (max-width: 1199px){
.services-list li { min-height:300px;}
.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: 1024px){

.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: 48px 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: 10px;}
.featured .quote:after { bottom:0; right:10px;}
.featured .box-2 .inner { min-height:340px}
.team-box .head-btn .fl, .team-box .head-btn .fr { width:inherit;}
.team-box .team-list li { width:33.3%}
.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:0 20px;}
.banner .banner-sidebar { padding:0;}
.banner .banner-sidebar .box { padding:30px 20px;}
.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: 310px;}
.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.app, .banner .banner-img { 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;}
.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;}
}

@media (min-width: 280px) and (max-width: 1023px){
.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){
.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: 320px;}
.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.app .banner-text {width: 50%;padding: 60px 0 0 0;}
.banner-text .event-logo { margin:0;}
.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){
.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){
.banner .banner-text { width:45%; padding:30px 0 0 0;}
.banner .banner-container .le-arro { left:0%}
.banner .banner-container .ri-arro { right: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 h2 { font-size: 180%;}
.customers-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl h2 { 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: 570px;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 12.2% 0 0;}
.footer .blue-bar .left {padding: 45px 0 0;}
.footer .blue-bar .left ul li {width: 46%;}
.footer .copyright-bar .fl { width:60%;}
.footer .copyright-bar .fr { width:40%}
.selectParent { width:260px;}
.selectParent select { width:250px;}
.appdetail .fr.feature-image { padding:100px 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.app .banner-text h1, .fix-banner .banner-text h1 { font-size: 150%;}
.banner .banner-text h2, .banner.app .banner-text h2, .fix-banner .banner-text h2 { 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 2%;}
.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:329px;}
.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;}
}

@media (min-width: 280px) and (max-width: 767px){
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%}
.grctv-micro-bann { height:auto;}
.video-detail {padding: 30px 0;}
.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;}
.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){
.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 {font-size: 110%;}
.grc-journey h2 {font-size: 160%;}
.customers-box .testimonial-box .fl h2, .grctv-box .testimonial-box .fl h2 {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: 70px 0 0 30px;}
.customers-box .client-box ul {width: 42%;}
.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 {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 9% 0 0;}
.footer .blue-bar .left ul li {width: 46%;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: 80%;}
.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;}
.featured .analysis {padding: 10px;}
.aboutux-box {padding: 50px 0 20px;}
.team-box .team-list li, .case-study-over .fl, .case-study-over .fr.overview-image {width: 50%;}
.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;}
.applist ul li {min-height: 330px;}
.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%;margin: 0 7px 14px 0;}
.search-tab li.reset-btn { width:90%}
.grctv-banner { height:750px;}
.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%;padding: 20px 0 0 0;}
.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%;}
}

@media (min-width: 280px) and (max-width: 639px){
.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;}
.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;}
.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){
.container {width: 89%;}
.top-header ul li span.head-name { display:none;}
.grc-cloud .inner-coint .fr h1 {font-size: 250%;}
.grc-cloud .inner-coint .fr h2 {font-size: 150%;}
.resources-box {padding: 70px 0;}
.resources-box ul li { width:100%}
.resources-box ul li {width: 60%;margin: 0 18% 10%;}
.resources-box ul li h2 {font-size: 150%;padding: 10px 0;}
.grc-journey h2 {font-size: 120%;}
.grc-journey h1 {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 7% 0 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%}
.box-2, .case-study-over .fl, .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 { 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 { font-size:170%}
.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;} 
.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%;}
.grc-journey { padding:60px 0;}
.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:0;}
.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:-20px;}
.customers-box.home-page .bx-wrapper .bx-next { right:-20px;}
.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 li {width: 28.8%;}
.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 { font-size:150%}
.tstimnal-cont .tstimnal-text { font-size:120%; padding: 24px 0px;}
.banner-text .event-logo { margin:0 auto;}
.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){
.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;}
.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 {font-size: 140%;}
.banner .banner-text h2, .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 .content-cont { width:100%; margin:10px 0 0 0;}
.latest-update .load-more { margin:0;}
.commun-panel li p { padding: 0 10px;}
}

@media (min-width: 280px) and (max-width: 360px){
.top-header ul li> ul {left:-50px}
.banner .banner-text {width: 90% !important;}
.grc-cloud .inner-coint .fl img {width: 60%;}
.resources-box ul li {width: 80%;margin: 0 8% 10%;}
.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;}
.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%;}
.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 14px 0;}
.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 { 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;}
}


@media (min-width: 280px) and (max-width: 320px){
.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 a {font-size: 58%;}
.joinus-box.subscrib-box { height: 320px;}
.search-categ ul li a {padding: 10px 7px;}
.commun-panel li p { padding: 0;}


}