.req_call li{position:relative;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{border:1px solid #a3a3a3;}
#fp-nav ul li .fp-tooltip.right{color:#a3a3a3;}
#fp-nav ul li:after{border-bottom:0;}
input[type=number]{-moz-appearance:textfield;}
.swiper-container.s0 .swiper-pagination{display:none;}
.swiper-container-multirow>.swiper-wrapper{padding-bottom:2em;}
.swiper-pagination-bullet{background:#585858;}
.swiper-pagination-bullet-active{opacity:1;background:#1496f2;}
.menuopn{display:inline-block;}
.blog_dtl_grid ul li{position:relative;margin-bottom:1%;font-size:15px;}
.web_grid_1:nth-child(even) ul li{color:#fff;list-style:circle;line-height:21px;}
.web_grid_1 ul li{list-style:circle;}
.blog_dtl_grid ul li:before{content:'';position:absolute;left:-20px;width:8px;height:8px;border-radius:100%;background:#1496f2;top:100%;margin-top:-14px;}
.menu-btn-svg{fill:#a3a3a3;}

@media only screen and (min-width:1920px){
	
.footer{margin:0;}
.job-opening .modal-body .form-group .col-lg-6{height:65px;}
.cv form .form-group span{float:left;}
.job-opening .modal form input, .job-opening .modal form select, .job-opening .modal form textarea{margin-top:2%;margin-bottom:0;}
.menu-grid{padding-top:13em;}
.banner-content h1{font-size:60px;line-height:65px;}
.banner-content h1 span{font-size:65px;}
.section h2{font-size:60px;line-height:70px;}
.section h2 span{font-size:100px;}
p, .right-footer .floating-label-form-group input, .right-footer .floating-label-form-group textarea{font-size:17.78px;line-height:28px;}
#section2 h2, #section4 h2{margin-top:0;}
#section3 .filter-button{font-size:20.32px;}
.portfolio-box .btn-grid{top:39vh;}
#section4 h2{margin-top:9vh;}
#section4 h2 + p{padding-right:5vw;}
.team-block h3{font-size:22.86px;}
.blog-left{padding-top:0%;}
.blog-content h4 a{font-size:27.94px;}
.blog-content p{font-size:15.24px;}
.LineAnimationButton{font-size:17.78px;padding:22px 34px;}
#section6{background-size:22% 44%, 50% 100%;background-position:6% 26%, top right;}
.left-footer address ul.reach-block li, .left-footer address ul.reach-block li a, .left-footer address ul.reach-block li span, .left-footer address ul li, .left-footer address ul li a, .copyright p{font-size:17px;}
ul.social li a{width:36px;height:33px;}
.copyright{margin-top:4vh;}
#section3 .about-box{padding-top:0;}
#section3{background-position:5% 35%;}
.s-menu li a{font-size:14px;}
.service-box .caption h3 a{font-size:20.32px;}
.service-box .caption p, .work_grid_content p{font-size:17.78px;font-weight:300;}
.service-box .thumbnail img{height:100px !important;}
.s-menu{width:9%;}
.s-menu li{-webkit-transform:translateX(14rem);transform:translateX(14rem);}
.scroll-icon{bottom:11em;}
.menu_box{width:80%;}
#section2 h2{margin-top:5vh;}
.img-wrapper{margin-top:-5em;margin-right:10vw;}
.img-wrapper img{width:100%;}
#section3 .gallery_product{height:265px;}
#section3 .gallery_product img{width:442px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:469px !important;margin-right:43px;}
#section3 .gallery_product figure{position:relative;width:100%;}
.work_grid{min-height:469px;}
.work_grid_content{padding-right:6em;}
.map iframe{height:485px !important;}
.location a img{padding-top:13%;}
.contact-input input{height:46px;}
.cv form .form-group span{float:left;}
.ban-content{margin-bottom:5em;}
.ban-content h1{font-size:55px;padding-top:8%;}
.address-content ul li{padding:2% 0 1.4% 6%;list-style:none;} 
.address-content ul{padding:0;margin-bottom:5px;}

}

@media only screen and (max-width:1920px){
	
.blog-right figure{width:100%;float:right;}
.blog-right figure img{width:100%;filter:brightness(50%);}
.portfolio-box .group-btn{width:12%;}
#menu-btn-wrap{top:calc(5vh - 0.1vw);}
.footer-social ul{width:88%;}
.banner-content{margin:16% auto 0;}
.ban-content{margin-bottom:2em;}
.ban-content h1{padding-top:3%;}
.ban-content p{font-size:20px;}
.btn_group ul li{margin:0 5px;}

}

@media only screen and (max-width:1640px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption{width:91%;}
.work_box .work_img.new_work figure{height:300px;}
.work_box .work_img.new_work .left_com:before {height: 385px;top: -8px;}

/*------------ our-work - 28-08-19 ------------------*/ 

}

@media only screen and (min-width:1440px){
	
.banner-content{margin:15% auto 0;}

}

@media only screen and (max-width:1440px){
	
	body:not(.is-touch) .workItem:hover .workItem__year {
 
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);}
    
    .workItem__title span {
    font-size: 20px;line-height: 0;}
    
    .workItem__title{font-size: 20px;line-height: 25px;}
	
	.workItem__image{bottom:-15px;}
	
	.workItem__header{top:25%;}
    
    
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption {width: 99%;margin-top: 38px;height: 378px;}
.work_box .work_img.new_work figure {height: 260px;}
.work_box .work_img.new_work .left_com:before {height: 335px;}
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.job-opening .modal-body .form-group .col-lg-6{height:65px;}
.footer{margin:0;}
.reponsibilities ul li:before{top:9px;}
.reponsibilities p{font-size:17px;}
.reponsibilities ul li{font-size:17px;}
.job-opening .modal form input, .job-opening .modal form select, .job-opening .modal form textarea{margin-top:2%;margin-bottom:0;}
.career{padding-bottom:0;}
.s-menu li{-webkit-transform:translateX(12rem);transform:translateX(12rem);}
.s-menu{z-index:999;display:inline-block !important;}
.s-menu{z-index:999;display:none!important;}
.cv form .form-group span{float:left;}
#section3 .fp-tableCell .row{margin:0;}
.ban-content{margin-bottom:2em;}
.ban-content h1{font-size:55px;padding-top:3%;}
.address-content ul li{padding:3% 0 2.7% 6%;list-style:none;}
.address-content ul{padding:0;margin-bottom:5px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:346px !important;margin-right:32px;}
.map iframe{height:513px !important;}

}

@media only screen and (max-width:1366px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption {width: 99%;margin-top: 34px;height: 357px;}
 
/*------------ our-work - 28-08-19 ------------------*/    
	
.s-menu li{-webkit-transform:translateX(10rem);transform:translateX(10rem);}
.cv form .form-group span{float:left;}
.footer{margin:0;}
.address{width:100%;float:left;margin:5% 0;}
.job-opening .modal-body .form-group .col-lg-6{height:65px;}
.job-opening .modal form input, .job-opening .modal form select, .job-opening .modal form textarea{margin-top:2%;margin-bottom:0;}
.modal .modal-footer .btn-wrapper .LineAnimationButton{color:#f7c80a;display:inline-block;margin:30px auto 0;}
.service-box{padding:15px 0 0;}
.footer-address h2, .footer-phone h2, .footer-email h2{font-size:18px;}
.footer-address p, .footer-phone ul li a, .footer-email ul li a, .footer-address p span, .footer h3, .footer-social > ul > li a i{font-size:16px;}
.footer-social img{width:64%;}
.i-page .default-state, .i-page .active-state{height:50px;line-height:47px;}
.i-page .default-state{-webkit-transform:translateZ(26px);-moz-transform:translateZ(26px);-ms-transform:translateZ(26px);-o-transform:translateZ(26px);transform:translateZ(26px);}
.i-page .inner-page .flip-to-top .active-state{-webkit-transform:rotateX(89deg) translateZ(75px);-moz-transform:rotateX(89deg) translateZ(75px);-ms-transform:rotateX(89deg) translateZ(75px);-o-transform:rotateX(89deg) translateZ(75px);transform:rotateX(89deg) translateZ(75px);}
.i-page .flip-to-top .active-state{-webkit-transform:rotateX(89deg) translateZ(75px);-moz-transform:rotateX(89deg) translateZ(75px);-ms-transform:rotateX(89deg) translateZ(75px);-o-transform:rotateX(89deg) translateZ(75px);transform:rotateX(89deg) translateZ(75px);}
.i-page .btn_group ul li:first-child .default-state{background:transparent;border:2px solid #f7c80a;line-height:44px;}
.i-page .btn_group ul li:last-child .default-state{background:transparent;border:2px solid #22be34;line-height:44px;}
.service-box .thumbnail img{width:55px;}
.section p{color:#6d6d6d;}
.copyright{margin-top:1em;}
.comment_box{margin-top:1em;}
.comment_box form{margin-top:2em;}
.contact-input input{border:1px solid #e8e8e8;}
.contact-input textarea{height:86px;}
.address-content ul li h2{font-size:24px;}
.location h2{font-size:33px;}
.address-content ul li p, .location h2 span{font-size:19px;}
.map iframe{height:496px !important;}
.location a img{padding-top:31%;}
.ban-content{margin-bottom:5em;}
.ban-content h1{font-size:55px;padding-top:8%;}
.address-content ul li{padding:3% 0 2.6% 6%;list-style:none;}
.address-content ul{padding:0;margin-bottom:5px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:375px !important;margin-right:21px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:328px !important;margin-right:30px;}
.ban-content{margin-bottom:0;}

/*------------school-software------------------*/

.banner_new .container {width: 1170px;}
    
/*------------school-software------------------*/    

}
@media only screen and (max-width:1280px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption {width: 99%;margin-top: 30px;height: 334px;}
.work_box .work_img.new_work figure {height: 220px;}
.work_box .work_img.new_work .left_com:before {height: 284px;top: -7px;}
    
/*------------ our-work - 28-08-19 ------------------*/ 
	
.s-menu{width:11%;}
.work_content .btn_group{width:70%;}
.reponsibilities p{font-size:17px !important;}
.dropdown-header ul li a{font-size:12px;}
.blog-right figure{width:100%;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:309px !important;margin-right:27px;}
.left-footer address ul li a{font-size:14px;}
#menu-btn-wrap{top:calc(5vh - 0.1vw);}
.ban-content h1{padding-top:4%;}
.right-footer .copyright p{font-size:13px;}

}

@media only screen and (max-width:1200px){
	
.banner-content .btn_group{width:68%;}
.left-footer address{padding-top:10em;}
.right-footer .floating-label-form-group{padding-bottom:0;}
#fullpage .container{width:98%;}
.service-box .caption{padding:0;}
.service-box{padding:10px 0;}
ul.social li a{width:27px;height:27px;}
.gallery_product img{width:100%;}
.section h2{font-size:40px;}
.section h2 span{font-size:50px;}
.banner-content h1{font-size:51px;}
.banner-content h1 span{font-size:35px;}
.menu_box{width:93%;}
.dropdown-header{width:20%;}
.megamenu > li:nth-child(3){width:16%;}
.menu-grid{z-index:99999;}
.work_grid_content h1{font-size:38px;}
.work_grid_content{padding:17px 2em 0 26px;}
.blog_dtl_grid .title{font-size:27px;}
.reponsibilities ul li{font-size:17px;}
.reponsibilities ul li:before{top:9px;}
.reponsibilities p{font-size:17px;}
.reponsibilities p:before{top:31px;}
#menu-btn-wrap{top:calc(5vh - -0.9vw);width:2.5vw;height:2.5vw;}

}

@media only screen and (max-width:1024px){
	
	.product_right .col-md-4{width:50%;}
	
	.workItem__year{font-size:70px;}
	
	.fr_border .work_grid_content{padding:0;}
	
	.workItem__tags li {font-size: 15px;}
    
    body:not(.is-touch) .workItem:hover .workItem__year {-webkit-transform: translateY(-90%);transform: translateY(-90%);}
    
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.product_left .panel-title{font-size:14px;}
.product_right .tab-content .col-md-2{width: 100%;}
.product_right .tab-content .col-md-10{width: 100%;}
.lft_cnt{margin:0;}
.rgt_cnt figcaption button{font-size:14px;}
.rgt_cnt figcaption {width: 99%;margin-top: 30px;height: 312px;}
.work_box .work_img.new_work .left_com:before {height: 210px;top: 0px;}
.work_box.fr_new_work .col-md-5{width: 100%;}
.work_box .work_img.new_work {margin-top: 20px;height: 450px;}
.work_box .work_img.new_work .left_com:before {height: 430px;top: -10px;}
.work_box .work_img.new_work figure {height: 333px;margin-top: 12px;}
.work_box.fr_new_work .col-md-7{width:100%;}
.work_content.fr_wrk_new h2{font-size: 18px;}
.work_content.fr_wrk_new h3{font-size: 18px;}
	
/*------------ our-work - 28-08-19 ------------------*/ 
    
	
.career-details h3{font-size:30px;}
.blog_page_grid .blog_content p{font-size:15px;text-align:justify;line-height:24px;}
ul.megamenu{width:960px;left:-85px;top:4em;}
.dropdown-header ul{padding-top:1em;}
.dropdown-header ul li{padding-left:16px;}
.dropdown-header ul li a{font-size:12px;}
.megamenu > li:nth-child(3){width:15%;margin-left:5%;}
.img-wrapper{margin-top:-0.4em;margin-right:-20px;}
.service-box{padding:2px 0;}
.service-box .thumbnail{min-height:240px;}
.service-box .caption h3 a{font-size:15px;}
#section3 .gallery_product{height:250px;}
.gallery_product img{width:95%;}
.menu-grid{padding-top:10em;}
.ban-content h1{font-size:48px;}
.ban-content p{font-size:16px;}
.web_grid_1 h2{font-size:37px;line-height:45px;}
.web_grid_1{padding:3rem 0;}
.web_grid_1 figure.pull-right{margin-top:7px;margin-left:3%;}
.web_grid_1 figure.pull-right img{width:65vh !important;margin:-59px 0 0;}
.web_grid_1 h2 br{display:none;}
.footer-social ul li a i{padding:4%;font-size:15px;}
.footer-social img{width:77%;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:15px;}
.form-head h2{font-size:38px;}
.information h2{font-size:37px;}
.information hr{margin:20px 0;}
.chat-info h3, .phone-info h3, .mail-info h3, .mail-info h3 span{font-size:21px;}
.chat-info h3:after{width:77px;height:76px;background-size:cover;}
.phone-info h3:after{width:69px;height:83px;background-size:cover;}
.address-content ul li{padding:3% 0 2.3% 6%;list-style:none;}
.address-content{    padding: 2.7em 0 3em;}
.footer-social ul li{margin-left:2%;}
.mail-info h3:after{width:72px;height:75px;background-size:cover;}
.chat-info a, .phone-info a, .mail-info a{font-size:20px;}
.address-content ul li h2{font-size:23px;}
.address-content ul li p{font-size:17px;}
.location h2{font-size:30px;}
.location h2 span{font-size:18px;}
.location a img{width:17%;}
.map iframe{height:451px !important;}
.information h2, .form-head h2{font-size:32px;}
.blog_page_grid .blog_content{padding:2em 2.5em;margin-top:-3em;}
.blog_page_grid .title h2{font-size:26px;line-height:38px;}
.inner-banner{padding-bottom:0;}
.blog_content .btn-wrapper{margin-top:1em;}
.blog_page_grid .blog_box{margin-bottom:3em;}
.blog_page_grid{padding:4rem 0 0;}
.blog_sidebar .sidebar_cont li:before{margin-top:-9.5%;width:7px;height:7px;left:3px;}
.blog_sidebar .sidebar_cont .heading h2{font-size:15px;}
.blog_dtl_grid .title{font-size:25px;line-height:32px;}
.web_discuss .discus_hdng h4{font-size:21px;line-height:25px;}
.web_discuss .discus_hdng .btn-wrapper .LineAnimationButton{font-size:12px;}
.comment_box textarea.form-control{height:50px;}
.blog_dtl_grid h2, .comment_box h3{font-size:20px;}
.video_cont .video_box{padding:1em;line-height:20px;}
.blog_dtl_grid .social_share{width:73%;}
.social_share .btn-fb span{padding:13% 42% 8% 14px;}
.author_dtls + .social_share .btn .fa{padding-top:10px;}
.video_cont .video_box h3{font-size:18px;line-height:24px;}
.work_grid_content h1{font-size:28px;}
.work_grid_content p{font-size:15px;}
.work_grid_content .btn-wrapper{margin-top:1em;margin-bottom:1em;}
.work_grid, .work_grid figure img{min-height:260px;}
.work_content h3{font-size:2.5rem;}
.work_box .close{top:0px;}
.work_content, .work_box .work_img{overflow-y:scroll;}
.foursrc-work figure.pull-left img{width:90vh !important;}
.foursrc-work .pull-left.inner_img{padding-right:3em;margin-top:2em;}
.foursrc-work:nth-child(3) h2{margin-right:38px;}
.foursrc-work h2{line-height:35px;font-size:36px;}
.foursrc-work:nth-child(3) p{padding-top:0;}
.b2b-digital-marketing h2 + p{padding:0 2%;margin-bottom:4%;}
.job-heading p{font-size:30px;}
.career h2{font-size:45px;}
.job-opening h2{font-size:45px;}
.job-opening h2 span{font-size:45px;}
.reponsibilities ul li{width:47%;}
.cv form input, .cv form textarea, .cv form select{height:45px;padding:10px 10px;}
.reponsibilities p:before{top:28px;}
.cv h2{font-size:30px;}
.career-details h3{font-size:35px;}
.foo_bottom_field .col-md-3{width:47%;}
#menu-btn-wrap{width:3.5vw;height:3.5vw;}
.web_grid_1.foursrc-work figure img{width:67vh !important;margin:50px 0 0;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{text-align:center;color:#434341;padding:33px 6% 0;font-size:16px;margin-bottom:0;}
.web_grid_1.foursrc-work p{color:#434341;clear:left;padding-top:3%;margin-top:0;}
.blog-right figure img{width:100%;}
.blog-right figure{float:right;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:1% !important;width:260px !important;margin-right:9px !important;height:200px !important;}

/*------------school-software------------------*/

.banner_new .container {width: 970px;}
.job-opening.fr_scl .border:after{display: none;}
.job-opening.fr_scl .rio-promos button.slick-prev, button.slick-prev:hover{display: none !important;}
.job-opening.fr_scl button.slick-next, button.slick-next:hover{display: none !important;}
.school_inner .ban-content h1 span{font-size:24px;}
.school_inner .ban-content h1{font-size:48px;}
.school_inner .ban-content{margin: 9em 0 0 0;}
.career.school-software{padding: 30px 0;}
.career.school-software h2{font-size:30px;}
.career.school-software ul li figcaption{font-size:18px;}
.job-opening.fr_scl h2 span{font-size:30px;}
.job-opening.fr_scl h2{margin-top:0;}
.slick-slide .figure{height:87px;}
.management .under{height:490px;}
.management .under h2{margin-left:35px;font-size:18px;}
.trial h2{font-size:30px;}
.trial {padding: 30px 0;margin-bottom:30px;}
.review h2 {font-size: 30px;margin-bottom: 40px;}
.rio-promos2 .slick-slide img{width:70%;}
.rio-promos2 figcaption span{font-size:16px;}
.quote:after {top:8em;}
.review {margin-bottom:20px;}
   
/*------------school-software------------------*/ 

/*------------ Franchise ------------------*/ 

.school_inner.fr_fran .ban-content h1 {font-size: 40px;}
    
.rio-promos.fr_fran{margin-bottom:30px;}

.job-opening.fr_scl.fr_fran h2{margin-bottom:20px;}

.trial.fr_frnch h2{font-size: 30px;}

.trial.fr_frnch h2 span{font-size: 18px;}

.trial_form textarea {height: 70px;}

.career.school-software.fr_fran ul li figcaption {text-align: center;}
    

/*------------ Franchise ------------------*/ 

}

@media only screen and (max-width:990px){
	
.web_grid_1 h2{font-size:35px;line-height:40px;}
.s-menu{width:15%;}
.s-menu li{-webkit-transform:translateX(13rem);transform:translateX(13rem);}
#section1 .col-xs-12, #section2 .col-sm-8.col-xs-12, #section5 .blog-left, #section5 .blog-right{width:100%;}
#section1 .hidden-xs{display:none;}
#section1{background:url(../images/abt_us_bg_768.png) no-repeat;background-position:left center;}
#section1 .fp-tableCell:after{content:'';}
#section1 .about-box, #section2 .col-sm-4.col-xs-12, #section3 .about-box, #section4 .col-sm-5.col-xs-12, .left-footer .col-sm-8.col-xs-12{width:70%;float:none;margin:0 auto;}
.section h2{font-size:36px;text-align:left;}
.section h2 span{font-size:41px;}
.service-box .col-sm-push-1:nth-child(3), .service-box .col-sm-push-1:nth-child(4){display:none;}
#section3 .about-box{padding-left:5em;}
#section3 .portfolio-box{width:70%;}
#section2{background:#1d1b1c url(../images/srvcs_bg_768.png) no-repeat;background-position:-178px -70px;}
#section2 h2, #section4 h2{margin-top:1em;}
.left-footer .col-md-3, .left-footer .col-md-4{width:50%;}
.right-footer form .row{margin:0;}
#section3{background:#fff url(../images/work_bg_768.png) no-repeat;}
#section3 .portfolio-box{width:100%;}
#section3 .row{margin:0;}
#section3 .filter-button{display:inline-block;}
.portfolio-box .btn-grid{position:relative;bottom:0;width:100%;height:auto;left:auto;top:auto;float:none;margin:8px auto;display:inline-block;text-align:center;}
.portfolio-box .group-btn{width:100%;height:auto;position:relative;float:left;}
.portfolio-box .portfolio-wrapper{width:100%;float:left;}
#section3 h2{margin-bottom:10px;}
.gallery_product img{width:80%;margin:0 auto;}
#section3 .gallery_product{height:200px;}
#section3 .filter-button{margin:0 7px 7px;}
#section3 .portfolio-box .portfolio-wrapper{margin-bottom:5px;}
#section3 .about-box{padding-left:0;}
#section4{background:#1d1e1e url(../images/team_bg_768.png) no-repeat;}
#section4 .col-sm-7.col-xs-12{width:100%;}
.team-block .col-md-4:nth-child(1), .team-block .col-md-4:nth-child(2), .team-block .col-md-4:nth-child(3){display:none;}
.blog-left .btn-wrapper{position:absolute;bottom:1em;right:0;left:0;margin:0 auto;text-align:center;z-index:9999999;}
.blog-left .col-sm-offset-4.col-xs-12{width:70%;margin:0 auto;float:none;position:static;}
.blog-right figure{width:54%;float:none;position:relative;margin:30px auto 45px;}
#section5{background:url(../images/blog_bg_768.png) no-repeat;background-position:218px 9px;background-size:23%;}
footer .left-footer, footer .right-footer{width:100%;float:left;}
#section6{background:#1b1b1b url(../images/contact_bg_768.png) no-repeat;background-size:auto;background-position:center 20px;}
#section6 .foo_bottom_field{width:100%;float:left;margin-top:8em;}
#section6 .right-footer{position:absolute;top:50%;left:0;right:0;width:100%;margin:0 auto;transform:translateY(-10rem);-webkit-transform:translateY(-10rem);background:#1b1b1b url(../images/conform_bg.jpg) no-repeat;background-size:cover;background-position:center center;}
.left-footer .section h2{margin-bottom:10px;}
.right-footer form{width:70%;margin:0 auto;}
.right-footer textarea.form-control{height:70px;}
.ban-content{margin-bottom:4em;}
.ban-content .btn_group{width:55%;}
.web_grid_1 h2{font-size:34px;line-height:40px;}
.ban-content p{padding:1% 8% 10px;}
.footer-social ul{text-align:right;}
.footer-social ul li{list-style:none;display:inline-block;margin-left:5px;width:20px;height:20px;}
.footer-social ul li:first-child{margin-left:0;}
.footer-social ul li a{display:block;}
.footer-social ul li a i{padding:5px;font-size:14px;line-height:1.5;}
.chat-info h3, .phone-info h3, .mail-info h3, .mail-info h3 span{font-size:19px;}
.chat-info h3:after{width:46px;height:45px;background-size:100% 100%;}
.phone-info h3:after{width:63px;height:66px;right:-12px;background-size:100% 100%;}
.mail-info h3:after{width:68px;height:71px;background-size:100% 100%;}
.chat-info a, .phone-info a, .mail-info a{font-size:16px;}
.address-content ul li h2{font-size:1.8rem;}
.address-content ul li p{font-size:1.3rem;padding-bottom:1px;}
.map iframe{height:369px !important;}
.location h2{font-size:3rem;}
.blog_page_grid .title h2{font-size:21px;}
.blog_page_grid .blog_box{margin-bottom:3rem;}
.blog_page_grid{padding-top:5rem;}
.video_cont .video_box h3{font-size:18px;line-height:24px;}
.blog_dtl_grid .title{font-size:19px;line-height:27px;margin-bottom:0;}
.blog_dtl_grid p{font-size:15px;line-height:24px;margin-bottom:10px;}
.author_dtls, .blog_dtl_grid .author_dtls p{padding-top:0;}
.blog_dtl_grid .social_share{width:100%;}
.blog_dtl_grid .social_share .btn-fb span{padding:11% 23% 8%;}
.blog_dtl_grid .social_share li{margin-right:6px;margin-left:0;margin-top:0;}
.blog_dtl_grid p{margin-bottom:5px;}
.blog_sidebar .sidebar_cont li:before{top:29%;}
.blog_dtl_grid h2, .comment_box h3{font-size:18px;}
.video_cont .video_box h3{font-size:20px;line-height:25px;}
.sidebar_cont .web_discuss img{margin-top:8em;width:60%;}
.web_discuss .discus_hdng h4{font-size:25px;line-height:28px;}
.web_discuss .discus_hdng .btn-wrapper .LineAnimationButton{font-size:15px;padding:10px 24px 10px;}
.web_discuss .discus_hdng .btn-wrapper .LineAnimationButton:before{width:20px;height:10px;background-size:contain;margin-top:-3px;}
.blog_sidebar .sidebar_cont li a{font-size:11px;line-height:12px;}
.blog_sidebar .sidebar_cont .heading h2{font-size:11px;}
.blog_sidebar .sidebar_cont li{margin-bottom:8px;}
.blog_sidebar .sidebar_cont li:first-child{margin-top:15px;}
.blog_dtl_grid + .social_share li{width:22%;}
.blog_dtl_grid + .social_share .btn span{padding:12% 11%;}
.blog_dtl_grid + .social_share .btn-fb span{padding:14% 30% 9% 14px;}
.work_grid_content p{font-size:15px;line-height:22px;}
.work_content .btn_group{width:90%;}
.b2b-digital-marketing h2 + p{padding:0;font-size:15px;margin-bottom:4%;}
.foursrc-work p{margin-top:0;}
.foursrc-work .pull-left.inner_img{padding-right:20px;margin-top:4em;margin-bottom:12%;}
.foursrc-work:nth-child(3) h2{margin-right:-57px;width:60%;}
.career{padding:45px 0 30px;}
.job-heading p{font-size:23px;}
.modal .modal-body .form-group .col-sm-12{width:50%;}
.modal .modal-body .form-group .col-sm-12:nth-child(7){width:100%;}
.modal .modal-body .form-group .col-sm-12:nth-child(8){width:100%;}
.career h2{font-size:40px;}
.job-opening h2 span{font-size:40px;}
.job-opening h2{font-size:40px;}
.job-opening ul{padding:0;margin-top:4%;margin-bottom:0;}
.career h2{font-size:35px;}
.career-details h2 span{font-size:40px;}
.cv .container form .col-sm-12:nth-child(7){width:66.6%;}
.cv .container form .col-sm-12{width:33.3%;}
.career-details h3{font-size:30px;}
.reponsibilities ul li{width:46%;font-size:16px;}
.cv form .form-group{margin-bottom:20px;}
.reponsibilities p{padding-left:3%;}
.reponsibilities p:before{top:24px;}
.cv form input, .cv form textarea, .cv form select{font-size:14px;}
.blog-left{padding-left:0;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{text-align:center;color:#434341;padding:33px 0 0;font-size:15px;margin-bottom:0;}
.web_grid_1.foursrc-work figure img{width:56vh !important;margin:50px 0 0;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:1% !important;width:253px !important;margin-right:7px !important;height:200px !important;}
.banner-content{margin:18% auto 0;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:1% !important;width:247px !important;margin-right:15px !important;height:190px !important;}

}

@media only screen and (max-width:980px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.product_left {margin-top: 30%;padding-left: 0;}
.rgt_cnt figcaption {width: 99%;margin-top: 30px;height: 295px;}
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
#menu-btn-wrap{width:3vw;height:3vw;}
.web_grid_1 figure.pull-right img{width:50vh !important;margin:-59px 0 0;}
.modal .modal-body .form-group .col-sm-12{width:100%;}
.modal form input{margin-bottom:2%;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:13px;}
.dropdown-header{width:21%;margin-left:6%;}
.megamenu > li:nth-child(3){width:15%;margin-left:1%;}
.dropdown-header ul li a{font-size:12px;white-space:normal;}
.megamenu > li:nth-child(2){width:17%;white-space:normal;margin-left:23px;}
.career p{font-size:15px;}
.job-heading img{width:20%;}
.cv form .form-group span{float:left;font-size:10px;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{text-align:center;color:#434341;padding:33px 0 0 !important;font-size:15px;margin-bottom:0;}
.web_grid_1.foursrc-work figure img{width:56vh !important;margin:50px 0 0 !important;}
.web_grid_1.foursrc-work figure.pull-right{padding-right:0 !important;}
.web_grid_1.foursrc-work:nth-child(even) figure.pull-right{float:left !important;margin-right:7% !important;margin-left:0 !important;}
.web_grid_1.foursrc-work:nth-child(even) h2{float:right;margin-right:30px;padding-left:17%;}

/*------------school-software------------------*/

.banner_new .container{width:750px;}
.management .under{height:460px;}
.slick-slide .figure{width:45%;height:117px;}
.trial p{width:100%;}
.trial_form input,textarea {width: 90%}
.banner_new .slick-slide img{padding:0;}
.trial_form span{width:90%;}
    
   /*------------school-software------------------*/ 

}

@media only screen and (max-width:900px){
	
.blog_pagination{margin:34px 0 65px;}
.blog_page_grid .title h2{font-size:20px;line-height:27px;}
.career-details h2{padding-top:0;}

}

@media only screen and (max-width:880px){
	
.dropdown-header{width:21%;margin-left:4%;}
.dropdown-header ul li{padding-left:16px;padding-top:6% !important;}
.menu_box .social_box{width:21%;}
.address-content ul li{padding:3% 0 2.2% 10%;list-style:none;}
.foursrc-work figure.pull-left img{width:96vh !important;}
.foursrc-work .pull-left.inner_img{padding-right:20px;margin-top:6em;margin-bottom:12%;}
.foursrc-work:nth-child(3) h2{margin-right:-14px;width:54%;}
.reponsibilities p{font-size:16px;}
.cv form input, .cv form textarea, .cv form select{font-size:12px;}

}

@media only screen and (max-width:800px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption {width: 99%;margin-top: 21px;height: 233px;}
.lft_cnt .p_hd{line-height: 30px;}
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.work_grid_content h1{font-size:25px;}
.web_grid_1 figure.pull-right img{width:55vh !important;margin:-59px 0 0;}
nav > ul li a{font-size:14px;}

}

@media only screen and (max-width:768px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption {width: 99%;margin-top: 21px;height: 221px;}
    
/*------------ our-work - 28-08-19 ------------------*/ 
	
.dropdown-header a{color:#fff;font-size:13px;text-align:left;}
.dropdown-header ul li a{font-size:11px;white-space:normal;}
.megamenu > li:nth-child(4){margin-left:0;}
.dropdown-header ul li:before{margin-top:0;}
#menu-btn-wrap{width:4.5vw;height:4.5vw;top:calc(5vh - 0.1vw);}
.menu_box .social_box{width:25% !important;}
.dropdown-header{width:16%;margin-left:8%;}
.reponsibilities p{font-size:15px;line-height:1.5;}
.cv h2{font-size:30px;margin-top:0;}
.career-details h3{font-size:26px;padding-top:5%;}
.reponsibilities ul li{font-size:15px;}
.information h2, .form-head h2{font-size:24px;}
.contact-input label{font-size:14px;}
.ban-content h1{font-size:4rem;}
.video_cont .video_box h3{font-size:20px;line-height:25px;}
.banner-content{width:94%;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:13px;}
.footer-social ul{text-align:center;}
.address{margin:6% 0 0;}
.information hr{margin:20px 0 40px;}
.mail-info h3:after{width:60px;height:60px;background-size:100% 100%;top:8%;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:13px;}
.foursrc-work .pull-left.inner_img{padding-right:20px;margin-top:0;margin-bottom:12%;}
.foursrc-work:nth-child(3) h2{margin-right:-10px;width:56%;}
.b2b-digital-marketing h2 + p{padding:0 2%;}
.job-opening ul li .btn-wrapper .LineAnimationButton{font-size:14px;}
.job-opening ul{margin-bottom:0;margin-top:4%;}
.job-opening ul li .btn-wrapper{margin-left:15px;}
.modal form input, .job-opening form select{height:45px;}
.modal form textarea{height:65px;}
.web_grid_1 h2{font-size:32px;line-height:35px;}
.logo img, .main-logo img{width:100%;}
.logo img, .menu_logo img{width:75%;}
.left-footer address{padding-top:23em;}
#section6 .right-footer{top:40%;}
.left-footer address ul li, .left-footer address ul li a{font-size:17px;}
.left-footer address ul.reach-block li, .left-footer address ul.reach-block li a{font-size:17px;}
.work_page_block .work_grid .col-sm-7{width:50%;}
.work_page_block .work_grid .col-sm-5{width:50%;}
#section3 .filter-button:after{width:0;height:0;}
#section3 .filter-button{display:inline-block;float:none;}
.right-footer .copyright p{display:none;}
.left-footer .copyright p{display:block !important;text-align:center;}
.right-footer .copyright{display:none;}
.left-footer .copyright{display:block;margin:5px 0 0;}
.copyright{margin:2em 0;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:310px !important;margin-right:0 !important;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:310px !important;margin-right:0 !important;}
.footer-social ul li a i{line-height:15px;}
.ban-content p{font-size:18px;}
.ban-content{margin-bottom:2em;}

}

@media only screen and (max-width:767px) and (min-width:220px){
	
.main-logo img{width:100%;}
.dropdown-header a span{display:inline;color:#fff;}
.menu_box .social_box{width:80%;}
.dropdown-header ul{display:none;padding-top:0;}
ul.megamenu{width:100%;left:-5px;top:5px;display:none;position:relative;}
.dropdown-header, .megamenu > li:nth-child(3){width:100%;}
.megamenu > li:nth-child(3){width:100%;margin-left:10px;}
nav > ul{width:100%;}
nav > ul li{width:97%;display:inline-block;text-align:left;padding:3px 0 6px;margin:0 10px;}
nav > ul li a{font-size:15px;display:block;}
.menu-grid{padding-top:7em;width:100%;right:0;}
.dropdown-header a{padding:4px 0;font-size:12px;}
.megamenu > li:last-child{padding-bottom:3px;}
.dropdown-header{padding:0px;line-height:27px;}
.submenu{display:inline-block !important;}
nav > ul li ul.megamenu .dropdown-header:hover ul{display:inline-block;position:relative}
.banner-section .banner-left{display:none;}
.banner-section .banner-right{width:100%;}
.banner-content h1{font-size:4rem;}
.banner-content h1 span i{color:#d1cccc;font-size:3.2rem;}
.banner-content{width:100%;}
.menu_logo img{width:35%;}
.holder{width:20px;height:20px;cursor:pointer;position:absolute;top:6px;right:10px;display:block;z-index:99;}
#cssmenu ul ul .holder{right:15px;}
#cssmenu .has-sub > .holder > .fa-plus:before{color:#fff;}
#cssmenu .has-sub.open > .holder > .fa-plus:before{content:"\f068";color:#f7c80a;}
nav > ul > li > a:before, nav > ul > li > a:after{height:0;}
#cssmenu .has-sub.open > a, #cssmenu .has-sub.open > a span, #cssmenu .has-sub.open > .holder, #cssmenu .has-sub.open > .holder + a{color:#f7c80a;}
.dropdown-header ul{width:95%;}
.dropdown-header ul li:before{color:#a8a8a8;margin-top:-6px;}
.dropdown-header ul li{padding-top:0px;padding-bottom:0px;line-height:27px;}
.dropdown-header ul li a{padding-bottom:1%;line-height:20px;}
.megamenu .holder{top:0px;}
.menuopn{display:inline-block;}
.swiper-container.s0 .swiper-pagination{display:inline-block;}
.swiper-container{padding-bottom:3rem;}
.service-box{background:transparent;}
.service-box .swiper-wrapper{background:#fff;}
#section1, #section3, #section5{background:#fff;}
#section2, #section4, #section6{background:#1d1b1c;}

}

@media only screen and (max-width:767px){
	
.fr_border .work_grid_content {padding-top: 20px;}
    
.margin_lft {margin-left: 0 !important;}
.team-block.fr_client .swiper-slide:nth-child(3) {margin-top: 0 !important;}
.team-block.fr_client .swiper-slide:nth-child(4) {margin-top: 0 !important;}
.team-block.fr_client .swiper-slide:nth-child(7) {margin-top: 0 !important;}
.team-block.fr_client .swiper-slide:nth-child(8) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(11) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(12) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(15) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(16) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(19) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(20) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(23) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(24) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(27) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(28) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(31) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(32) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(35) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(36) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(39) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(40) {margin-top: 0 !important;}

.team-block.fr_client .swiper-slide:nth-child(43){margin-top:0px !important;}

.team-block.fr_client .swiper-slide:nth-child(44){margin-top:0px !important;}
   
.team-block.fr_client .swiper-slide:nth-child(47){margin-top:0px !important;}

.team-block.fr_client .swiper-slide:nth-child(48){margin-top:0px !important;}
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.fr_border{border: none;}
.product_left {margin-top: 3%;padding-left: 0;}
.product_left .panel {border-color: transparent;float: left;display: inline-block;margin: 0 15px;}
.panel-group .panel+.panel{margin-top: 0;}
.rgt_cnt figcaption {width: 99%;margin-top: 28px;height: 314px;}
.work_box .work_img.new_work .left_com:before {height: 387px;top: -9px;}
.work_box .work_img.new_work figure {height: 300px;margin-top: 12px;}
    
/*------------ our-work - 28-08-19 ------------------*/ 
	
.fp-auto-height-responsive > .fp-scrollable{height:auto !important;}
.fp-auto-height-responsive > .fp-scrollable > .fp-scroller{transform:none !important;}
.fp-auto-height-responsive > .fp-scrollable > .iScrollVerticalScrollbar{display:none !important;}
body, body.home, html{overflow:scroll !important;}
.marketing-grid img{width:70%;}


/*------------school-software------------------*/

.school_inner .ban-content h1{font-size:30px;}
.school_inner .ban-content h1 span{font-size:18px;}
.school_inner .ban-content p{font-size:14px;}
.school_inner .ban-content{margin:5em 0 0 0;}
.management .under {height: auto;float: none;display: block;margin: 0 auto 30px;width: 94%;}
    
/*------------school-software------------------*/

/*------------ Franchise ------------------*/

.school_inner.fr_fran .ban-content h1 {font-size: 30px;}
    
/*------------ Franchise ------------------*/

}

@media only screen and (max-width:767px){
	
.logo img, .main-logo img{width:85%;}
#menu-btn-wrap{width:5vw;height:5vw;top:calc(5vh - 3.1vw);}
nav#cssmenu > ul{height:396px;overflow-x:hidden;overflow:scroll;}
.job-opening .modal form input, .job-opening .modal form select, .job-opening .modal form textarea{margin-top:0;margin-bottom:20px;padding:0 10px;}
.web_grid_1 h2{width:100%;font-size:35px;text-align:center;}
.job-heading img{width:18%;}
.cv form{margin-top:3%;display:block;margin-bottom:5%;width:100%;float:left;}
.footer{width:100%;float:left;margin:0;background-color:transparent;position:relative;overflow:hidden;padding-bottom:3%;}
.web_grid_1 h2{text-align:center;}
.banner-content h1 span{color:#d1cccc;-webkit-text-fill-color:#d1cccc;}
.web_grid_1 figure.pull-right{width:100%;margin:0;padding:0;text-align:center;float:left !important;}
.web_grid_1 figure.pull-right img{margin:2rem auto;}
.web_grid_1 p{margin-top:0;float:left;padding:0 10px;}
.web_grid_1 .btn-wrapper{width:100%;float:left;margin:0 auto;text-align:center;}
.footer-address p, .footer-phone ul, .footer-email ul{padding-top:3%;}
.footer-address, .footer-phone, .footer-email, .footer-social{margin:0;text-align:center;height:14rem;}
.footer-email, .footer-social{height:8rem;}
.footer-social ul{padding:4% 0 0;text-align:center;}
.footer-social img{width:35%;}
.ban-content .btn_group{width:70%;}
.form-head{background:none;padding-bottom:2%;border-bottom:2px solid #e7e7e7;margin-bottom:4%;}
.form-head h2, .form-head h2 span{float:none;text-align:center;line-height:34px;font-weight:400;font-size:29px;}
.form-head h2{padding-top:3%;}
.contact-input form{width:85%;margin:0 auto;float:none;}
.contact-input textarea{margin-bottom:2%;}
.information hr{margin:20px auto;width:96%;}
.chat-info a, .phone-info a, .mail-info a{font-size:25px;padding-left:5%;}
.chat-info h3, .phone-info h3, .mail-info h3, .mail-info h3 span{font-size:24px;padding-left:5%;padding-top:0;}
.information .col-xs-6:nth-child(3){margin:0 auto;float:none;}
.mail-info{margin-bottom:2em;}
.address-content ul li{width:32%;float:left;padding:2% 0 4% 4%;}
.address-content ul li p{font-size:1.8rem;}
.address-content ul li h2{font-size:2.2rem;}
.location a img{width:12%;padding-top:3%;}
.address .col-lg-6{padding-left:0;}
.address-content{padding:4% 0;}
.map iframe{height:300px !important;}
.blog_page_grid{padding-top:4rem;}
.blog_page_grid .title{margin:0em 5px 1em;float:left;width:100%;}
.blog_page_grid .title h2{font-size:18px;line-height:17px;}
.blog_page_grid .title hr{width:100%;float:left;margin:0;}
.blog_page_grid .title{margin:0em 5px 1em;float:left;width:100%;}
.blog_page_grid .blog_content{padding:1.5em;margin-top:0;}
.work_grid, .work_grid figure img{min-height:auto;}
.work_box{overflow-y:scroll;padding-top:9%;}
.work_box .close{transform:translate(-20px, 12px);-webkit-transform:translate(-20px, 12px);-moz-transform:translate(-20px, 12px);}
.work_box .work_img{display:inline-block;vertical-align:top;margin:0 auto;text-align:center;}
.work_box > div{height:auto;display:block;}
.work_content{display:inline-block;vertical-align:top;height:auto;width:100%;margin:1em auto 2em;padding:20px 14px;text-align:justify;}
.blog_page_grid .title{margin:0em 0 8px;}
.blog_dtl_grid p{font-size:15px;}
.blog_dtl_grid img{margin:10px 0;}
.blog_dtl_grid + .social_share .btn span{padding:9% 19%;}
.blog_dtl_grid + .social_share .btn-fb span{padding:10% 18% 9% 20px;}
.author_dtls + .social_share .btn .fa{padding-top:18px;}
.author_dtls + .social_share .btn-fb span{padding:11% 23% 8.5%;}
.blog_sidebar .sidebar_cont li:before{top:50%;margin-top:-2px;}
.blog_sidebar .sidebar_cont{width:55%;float:none;margin:25px auto;}
.b2b-digital-marketing h2 + p{padding:0 5%;}
.foursrc-work:nth-child(3) h2{margin-right:0;width:100%;text-align:center;margin:0;padding-bottom:5%;}
.foursrc-work figure.pull-left img{width:90vh !important;margin:0 auto;}
.foursrc-work .pull-left.inner_img{padding-right:0;display:block;margin:0 auto 3%;width:100%;}
.foursrc-work{padding:3rem 0 0;}
.menu_logo img{width:72%;}
.top-content{margin-top:0;padding-top:0;position:relative;width:100%;height:auto;}
.banner-section{background:#000 url(../images/banner-right.jpg) no-repeat;background-size:cover;}
.banner-content h1 span, .banner-content h1 span i{font-size:22px;}
.banner-content h1{line-height:44px;}
.show.scroll-icon{display:none !important;}
.banner-content{margin:7em auto 2em;border:5px solid rgba(98, 87, 101, 0.74);}
.banner-section{background-image:url(../images/banner-right_phone.jpg);}
.navbar-toggle{top:22px;}
nav#cssmenu > ul{margin-top:10px;}
#section1 .about-box, #section2 .col-sm-4.col-xs-12, #section3 .about-box, #section4 .col-sm-5.col-xs-12, .left-footer .col-sm-8.col-xs-12{width:100%;float:left;padding-top:1rem !important;padding-bottom:1rem !important;}
.service-box .col-sm-push-1:nth-child(3), .service-box .col-sm-push-1:nth-child(4){display:inline-block;}
.section{padding-top:2em !important;padding-bottom:2em !important;position:relative;}
.section h2{text-align:center;margin-bottom:0;}
.section h2 + p{text-align:center;}
.about-box p{text-align:justify !important;}
#section2 h2, #section4 h2{margin-top:0;}
#section3 .portfolio-box{width:94%;margin:0 auto;float:none;}
.team-block .col-md-4:nth-child(1), .team-block .col-md-4:nth-child(2), .team-block .col-md-4:nth-child(3){display:inline-block;}
.team-block .col-md-4{text-align:center;}
#section6 .right-footer{display:inline-block;position:relative;}
#section6 .foo_bottom_field{margin-top:24em;}
.copyright p{display:none;}
.blog-right figure{width:75%;}
#section6 .right-footer{top:-50%;margin-top:-32em;}
.left-footer .col-md-3, .left-footer .col-md-4{width:30%;}
.left-footer .col-md-5{width:32%;float:right;}
.section h2 + p{margin-top:10px;}
.marketing-grid{text-align:center;}
.menu_logo img{width:74%;}
.modal.modal-body .form-group .col-sm-12{width:50%;float:left;}
.madal form textarea{height:65px;}
.modal .modal-title{font-size:35px;}
.dropdown-header{margin-left:11px;}
.megamenu > li:nth-child(4){margin-left:10px;}
.logo.menu_logo img{width:85%;}
.footer-social ul li{margin-left:21px;}
.cv .container form .col-sm-12{width:33.3%;float:left;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:15px;}
.footer h3{font-size:13px;}
.web_grid_1 figure.pull-right img{width:70vh !important;}
.megamenu > li:nth-child(2){width:100%;margin-bottom:0%;white-space:normal;margin-left:10px;}
.dropdown-header ul li{padding-left:16px;padding-top:0% !important;}
.modal .modal-dialog{width:720px;margin:40px auto;}
.logo img, .menu_logo img{width:85%;}
.address-content ul li p img + img {width: 26%; height: auto;}

}

@media only screen and (max-width:668px){
	
/*------------ our-work - 28-08-19 ------------------*/ 

.rgt_cnt figcaption {width: 99%;margin-top: 25px;height: 265px;}
.work_box .work_img.new_work .left_com:before {height: 309px;top: -7px;}
.work_box .work_img.new_work figure {height: 240px;margin-top: 12px;}
.work_box .work_img.new_work {margin-top: 20px;height: 320px;}

/*------------ our-work - 28-08-19 ------------------*/ 
	
.cv form .btn-wrapper .LineAnimationButton--White{padding:10px 34px;font-size:12px;}
.ban-content h1{font-size:3.5rem;}
.LineAnimationButton--White:focus{padding:14px 34px;font-size:16px;}
.web_grid_1 h2{font-size:3rem;line-height:35px;}
.web_grid_1{padding:2rem 0;}
.web_grid_1 figure.pull-right img{width:65vh !important;}
.footer h3{font-size:14px;}
.logo img{margin-top:17%;width:100%;}
.ban-content{margin-bottom:2em;}
.ban-content h1{font-size:3.5rem;padding-top:15px;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{padding:3px 33px 0 !important;}
.blog_page_grid .title h2{margin-top:10px;}
.author_dtls + .social_share .btn .fa{padding-top:15px;}
.blog_dtl_grid + .social_share .btn span{padding:10% 19%;}
.blog_sidebar .sidebar_cont{width:63%;}
.logo.menu_logo img{position:relative;}
.foursrc-work figure.pull-left img{width:80vh !important;margin:0 auto;}
.foursrc-work p{font-size:14px;}
.job-heading{min-height:185px;}
.modal .modal-dialog{width:625px;margin:60px auto;}
.modal ul li .btn-wrapper .LineAnimationButton{font-size:12px;}
.modal form input, .job-opening form select{font-size:14px;padding:0 10px;height:36px;}
.modal form textarea{font-size:14px;height:85x;}
.job-opening ul li{margin-bottom:1%;}
.cv form input, .cv form textarea, .cv form select{height:39px;padding:10px 10px;}
.reponsibilities h2{font-size:27px;}
.reponsibilities p:before{top:21px;}
.cv form .btn-wrapper .LineAnimationButton--White:hover, .LineAnimationButton--White:focus{padding:10px 34px;font-size:12px;}
.menu_box .social_box{width:28% !important;}
#section6 .right-footer{margin-top:-33em;}
.copyright{margin:2em 0 0;}
nav#cssmenu > ul{height:403px;overflow-x:hidden;overflow:scroll;margin-bottom:0;}
nav > ul li{width:96%;}
#section6 .foo_bottom_field{margin-top:9px;}
.web_grid_1 figure.pull-right img{width:65%!important;display:block;margin:50px auto 0 !important;float:none !important;}
.web_grid_1.foursrc-work:nth-child(even) h2{float:none;margin-bottom:5%;margin-right:0;padding-left:0;text-align:center;}
.web_grid_1.foursrc-work h2{text-align:center;margin-right:0;}
.work_page_block .work_grid .col-sm-7{width:100%;}
.work_page_block .work_grid .col-sm-5{width:100%;}
.work_page_block .work_grid .col-xs-12 figure{height:230px;overflow:hidden;}
.work_grid_content h1{font-size:23px;margin:10px 0 0;}
.work_grid_content .btn-wrapper .LineAnimationButton{padding:10px 20px 10px 35px;font-size:14px;}
.service-box .caption p{min-height:110px}
#menu-btn-wrap{width:5vw;height:5vw;top:calc(5vh - 1.1vw);}
nav > ul li{width:96%;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:1% !important;width:204px !important;margin-right:7px !important;height:140px !important;}
.left-footer address{padding-top:46em;margin-top:-40%;}
.top-content .top-header .col-xs-3{width:30%;}
.web_grid_1.foursrc-work{padding-bottom:0;}
.top-content .top-header .col-xs-3{width:30%;}
.main-logo img{width:100%;}
.menu_logo img{width:78%;}
.web_grid_1.foursrc-work{padding-bottom:35px;}
.logo.menu_logo img{width:100%;}
.right-footer .copyright{display:none;}
.right-footer .copyright{display:none;}

/*------------school-software------------------*/

.banner_new .container{width:600px;}
.banner_new .ban-img-part figure {float: right;width: 100%;padding-top: 7em;}
.slick-slide .figure{width:53%;}

/*------------school-software------------------*/

}

@media only screen and (max-width:640px){

.job-heading{min-height:185px;padding:5% 0;}
.job-opening .modal-body .form-group .col-lg-6{height:60px;}
.modal .modal-body .form-group .col-sm-12:nth-child(7){height:90px;}
.job-opening .modal form input, .job-opening .modal form select, .job-opening .modal form textarea{margin-top:0;margin-bottom:0;}
.modal .modal-body .form-group .col-sm-12{width:100%;float:left;}
.job-opening .col-xs-12{margin-bottom:4%;width:100%;}
.job-opening ul li{width:80%;display:block;margin:0 auto 5%;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:15px;}
.footer-social ul li{margin-right:0;}
.default-state, .active-state{height:44px;line-height:42px;}
.flip-to-top .active-state{-webkit-transform:rotateX(88deg) translateZ(66px);-moz-transform:rotateX(88deg) translateZ(66px);-ms-transform:rotateX(88deg) translateZ(66px);-o-transform:rotateX(88deg) translateZ(66px);transform:rotateX(88deg) translateZ(66px);}
.default-state{-webkit-transform:translateZ(24px);-moz-transform:translateZ(24px);-ms-transform:translateZ(24px);-o-transform:translateZ(24px);transform:translateZ(24px);}
.cube{width:158px;height:40px;}
.ban-content{margin-bottom:2em;}
.ban-content h1{font-size:3.2rem;}
.chat-info a, .phone-info a, .mail-info a{font-size:20px;}
.chat-info h3, .phone-info h3, .mail-info h3, .mail-info h3 span{font-size:22px;}
.location a img{padding-top:8%;}
.form-head h2, .form-head h2 span{font-size:25px;}
.author_dtls + .social_share .btn .fa{padding-top:14px;}
.blog_dtl_grid + .social_share .btn span{padding:11% 19%;}
.blog_sidebar .sidebar_cont{width:66%;}
.foursrc-work figure.pull-right img{width:60vh !important;}
.foursrc-work figure.pull-left img{width:60vh !important;margin:0 auto;}
.foursrc-work h2{font-size:30px;}
.b2b-digital-marketing h2 + p{padding:0 2%;font-size:14px;}
.menu_logo img{width:74%;}
.job-opening ul li:nth-child(2){margin:0 auto;}
.job-opening ul li:nth-child(4){margin:0 auto;}
.job-opening ul li .btn-wrapper{margin-left:12px;margin-bottom:3%;}
.job-opening .modal-dialog{width:625px;margin:20px auto;}
.reponsibilities ul li{width:44%;font-size:14px;}
.cv h2{font-size:25px;}
.reponsibilities h2{font-size:25px;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:3px;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{text-align:center;color:#434341;padding:0 31px 0 !important;font-size:15px;margin-bottom:0;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2{font-size:40px !important;}
.web_grid_1.foursrc-work p{font-size:15px;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:297px !important;margin-right:0 !important;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:1% !important;width:295px !important;margin-right:11px !important;height:180px !important;}
.blog-right figure{width:90%;}
.left-footer address{padding-top:45em;}
.marketing-grid img{width:84%;}
.web_grid_1 figure.pull-right img{margin:60px auto 15px !important;}
.logo.menu_logo img{width:100%;}
#section6 .right-footer{margin-top:-31em;}
.address-content ul li h2 {font-size: 2rem;}
.address-content ul li p { font-size: 15px;}
.address-content ul li p img{width: 62%; height: auto;}

}

@media only screen and (max-width:600px){
	
.top-part .col-xs-3{width:28%;}
.web_grid_1 figure.pull-right img{width:50vh !important;}
.author_dtls + .social_share .btn .fa{padding-top:13px;}
.blog_sidebar .sidebar_cont{width:71%;}
.b2b-digital-marketing h2 + p{padding:0 2%;font-size:15px;}
.blog-left .col-sm-offset-4.col-xs-12{width:85%;}
.left-footer .col-md-3, .left-footer .col-md-4{width:28%;}
.left-footer .col-md-5{width:34%;}
.top-header .col-md-3.col-xs-3{width:30%;}
.blog-content h4 a{font-size:17px;}
.menu_logo img{width:69%;}
.job-opening ul li .btn-wrapper .LineAnimationButton{padding:14px 29px;}
.modal .modal-dialog{width:96%;margin:20px auto;}
.modal form input:last-child{margin-bottom:14px;}
.modal .modal-title{font-size:35px;}
.job-opening ul li{width:85%;}
#section6 .right-footer{margin-top:-34em;}
.left-footer .col-md-3, .left-footer .col-md-4{width:50%;}
.left-footer .col-md-5{width:100%;}
.left-footer .col-md-5 p{text-align:center;}
.left-footer .col-md-5 .social{display:block;margin:0 auto;float:none;width:35%;}
.left-footer address p{text-align:center;}
.left-footer address ul.reach-block li, .left-footer address ul.reach-block li a{font-size:16px !important;text-align:center !important;}
.left-footer address ul li, .left-footer address ul li a{font-size:16px;text-align:center;}
.left-footer .col-md-5 .social li a{font-size:13px;}
.left-footer .col-md-5 .social li{float:left;margin:6px;}
#menu-btn-wrap{width:4.8vw;height:4.8vw;top:calc(5vh - 1.1vw);}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:279px !important;margin-right:0 !important;}
.service-box .caption p{min-height:115px;}
.menu_box .social_box{width:35% !important;}
.foursrc-work figure.pull-right img{width:60vh !important;}
.left-footer address{padding-top:37em;margin-top:-29%;}
.left-footer .copyright p, .left-footer .copyright a{font-size:13px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:264px !important;margin:0 11px !important;height:180px !important;}
.marketing-grid img{width:90%;}

}

@media only screen and (max-width:568px){
	
	
	.product_right .col-md-4 {width: 100%;}
    
	
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.product_left .panel {margin: 0 10px;}
.rgt_cnt figcaption {width: 99%;margin-top: 19px;height: 220px;}
.work_box.fr_new_work ul li{margin-left: 0;}
.work_content.fr_wrk_new {padding-right: 15px;}
.work_box .work_img.new_work .left_com:before {height: 257px;top: -6px;}
.work_box .work_img.new_work figure {height: 200px;margin-top: 12px;}
.work_box .work_img.new_work {margin-top: 20px;height: 275px;}
	
/*------------ our-work - 28-08-19 ------------------*/ 

.modal .modal-title{font-size:30px;}
.menu_box .social_box{width:45% !important;}
.web_grid_1 h2{font-size:2.2rem;}
.web_grid_1 p{line-height:22px;}
.web_grid_1{padding:1.5rem 0;}
.footer-social img{width:45%;}
.logo img{width:100%;}
.address-content ul li p{font-size:1.4rem;}
.address-content ul li h2{font-size:2rem;}
.information h2, .form-head h2{font-size:22px;}
.chat-info a, .phone-info a, .mail-info a{font-size:15px;}
.chat-info h3, .phone-info h3, .mail-info h3, .mail-info h3 span{font-size:16px;}
.location h2{font-size:3.5rem;}
.location h2 span{font-size:17px;}
.location a img{width:10%;}
.map iframe{height:248px !important;}
.mail-info h3:after{width:50px;height:50px;}
.phone-info h3:after{width:60px;height:60px;right:-12px;top:-7px;background-size:100% 100%;}
.footer-social > ul > li a i{width:30px;height:30px;}
.footer-social ul li{margin-right:-4px;}
.contact-input input{font-size:13px;}
.contact-input label{font-size:13px;}
.blog_page_grid .blog_content p{font-size:16px;line-height:25px;}
.blog_page_grid .LineAnimationButton{font-size:15px;padding:11px 34px;}
.blog_page_grid .title h2{font-size:16px;line-height:9px;}
ul.date-time li a, ul.date-time li{font-size:12px;}
.work_grid_content h1{font-size:18px;}
.work_grid_content p{font-size:15px;line-height:20px;}
.work_grid_content .LineAnimationButton{font-size:13px;}
.blog_page_grid{padding-top:2rem;}
.blog_dtl_grid .title{font-size:18px;line-height:28px;}
.blog_dtl_grid + .social_share .btn span{padding:13%;}
.blog_sidebar .sidebar_cont{width:75%;}
.left-footer .col-md-5 .social{display:block;margin:0 auto;float:none;width:38%;}
ul.social li{display:inline-block;float:none;}
#section6 .right-footer{top:-50%;margin-top:-32em;}
.left-footer address{padding-top:37em;margin-top:-52%;}
.marketing-grid img{width:90%;}
.right-footer form{width:80%;margin:0 auto;}
.service-box .caption p{min-height:110px;font-size:13px;}
#section6 .foo_bottom_field{margin-top:6em;}
.main-logo img{width:100%;}
.menu_logo img{width:64%;}
.foursrc-work h2{font-size:3.5rem;}
.job-opening ul li{width:80%;margin:0 auto;display:block;float:none;}
.modal ul li:nth-child(2), .job-opening ul li:nth-child(4){margin:0 auto;}
.modal ul li .btn-wrapper .LineAnimationButton{font-size:15px;}
.modal form input:last-child{margin-bottom:13px;}
.career h2{font-size:30px;}
.reponsibilities ul li{width:95%;font-size:16px;}
.cv .container form .col-sm-12{width:50%;float:left;}
.cv .col-md-4:nth-child(3){padding-left:15px;padding-right:30px;}
.cv .col-md-4:nth-child(6){padding-right:15px;}
.cv .container form .col-sm-12:nth-child(7){width:50%;}
.cv .col-md-4:nth-child(8){padding-right:15px;}
.cv form .btn-wrapper{float:none;margin:3% auto 0;display:block;clear:right;width:33%;}
.career-details h3{font-size:27px;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{text-align:justify;color:#434341;padding:0 20px 0 !important;font-size:15px;margin-bottom:0;}
.web_grid_1.foursrc-work p{font-size:15px;padding-top:6%;line-height:24px;}
.footer-social ul li a i{padding:5px;font-size:14px;line-height:18px;}
.web_grid_1.foursrc-work{padding-bottom:0;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:263px !important;margin-right:0 !important;padding:0 5px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:246px !important;margin:0px 13px !important;height:180px !important;}
.right-footer .floating-label-form-group input{height:30px;font-size:12px;}
.right-footer textarea.form-control{height:55px;font-size:12px;}
ul.social li a .fa{padding-top:0;}


/*------------school-software------------------*/

.banner_new .container{width:500px;}
.banner_new .col-xs-6{width: 100%;}
.banner_new  .ban-content .btn_group{width: 100%;}
.banner_new .ban-img-part figure{margin:0;padding: 0;}
.school_inner .ban-content h1{text-align: center;}
.school_inner .ban-content p{text-align: center;}
.banner_new .ban-content .btn_group{float: none;display: block;margin:0 auto;width: 74%;}
.career.school-software ul li {float: none;width: 30%;display: block;margin: 0 auto;}
.slick-slide .figure{width:30%;}
.career.school-software h2{font-size:20px;}
.trial h2 {font-size: 20px;}
.banner_new{background:#1496f2;}
    
    
/*------------school-software------------------*/

/*------------ Franchise ------------------*/

.banner_new.fr_franchise{background: url(../images/fran_bg2.jpg) no-repeat;background-size: 100% 100%;}
    
.school_inner.fr_fran .ban-content h1 {padding-top: 5%;font-size: 24px;}

.rio-promos.fr_fran {margin-bottom: 0;}

.btn_group ul{margin-bottom: 10px;}
    
    
/*------------ Franchise ------------------*/

}

@media only screen and (max-width:480px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.rgt_cnt figcaption {width: 99%;margin-top: 16px;height: 177px;}
.work_box .work_img.new_work .left_com:before {height: 234px;top: -6px;}
.work_box .work_img.new_work figure {height: 181px;margin-top: 12px;}
.work_box .work_img.new_work {margin-top: 10px;height: 245px;}
    
/*------------ our-work - 28-08-19 ------------------*/ 
    
	
.job-opening ul li{width:90%;}
.dropdown-header a{padding-bottom:0%;font-size:12px;}
.top-part .col-xs-3{margin-top:2%;width:35%;}
.dropdown-header ul li a{padding-bottom:1%;line-height:20px;font-size:12px;}
#menu-btn-wrap{width:6vw;height:6vw;top:calc(5vh - 3.1vw);}
.banner-content h1{font-size:3.8rem;}
.web_grid_1 h2{font-size:2.5rem;line-height:30px;}
.logo img{width:31%;}
.ban-content h1{font-size:2.5rem;}
nav > ul li a{font-size:16px;display:block;}
.cube{width:151px;height:40px;}
.web_grid_1 p{line-height:20px;font-size:14px;}
.web_grid_1 .LineAnimationButton{margin-top:1em;}
.footer-social img{width:60%;}
.footer-phone ul li a, .footer-email ul li a, .footer-address p, .footer-address p span{font-size:14px;}
.ban-content{margin-bottom:2em;}
.logo img{width:100%;}
.form-head h2, .form-head h2 span{font-size:20px;}
.information .col-xs-6{width:100%;margin-bottom:2em;}
.mail-info{margin-bottom:1em;}
.chat-info h3, .phone-info h3, .mail-info h3, .mail-info h3 span{text-align:left;padding-left:0;}
.chat-info a, .phone-info a, .mail-info a{padding-left:0;}
.mail-info h3 span{padding-left:0;}
.information h2, .form-head h2{font-size:21px;}
.inner-banner{padding-bottom:0;}
.contact-input input{height:34px;}
.work_content h3{font-size:21px;}
.work_content h4{font-size:18px;}
.work_content .btn_group{width:100%;}
.web_discuss .discus_hdng h4{font-size:25px;line-height:28px;}
.web_discuss .discus_hdng .btn-wrapper .LineAnimationButton{font-size:10px;padding:10px 24px 10px;}
.web_discuss .discus_hdng .btn-wrapper .LineAnimationButton:before{width:20px;height:10px;background-size:contain;margin-top:-5px;}
.blog_dtl_grid + .social_share .btn span{padding:15% 11%;}
.author_dtls + .social_share .btn .fa{padding-top:12px;font-size:15px;}
.blog_sidebar .sidebar_cont{width:90%;}
.web_discuss .discus_hdng h4{font-size:22px;}
.banner-content .btn_group{width:80%;}
.main-logo img{width:100%;}
.top-header .col-md-3.col-xs-3{width:39%;}
.menu_logo img{width:72%;}
.foursrc-work figure.pull-right img{width:55vh !important;}
.foursrc-work figure.pull-right img{width:55vh !important;}
.career h2{font-size:32px;}
.career{padding:25px 0 30px;}
.job-heading{min-height:215px;}
.job-opening ul li .btn-wrapper{margin-bottom:5%;}
.job-opening h2 span{font-size:300px;}
.job-opening h2{font-size:30px;}
.job-heading{min-height:185px;}
.job-heading img{width:15%;}
.modal ul li .btn-wrapper .LineAnimationButton{font-size:12px;padding:9px 30px;}
.modal .modal-body .form-group .col-sm-12{width:100%;float:left;}
.modal form select{margin-bottom:3%;}
.modal .modal-title{font-size:30px;}
.job-opening h2 span{font-size:30px;}
.modal form input, .job-opening form select{font-size:12px;height:40px;}
.modal .modal-footer .btn-wrapper .LineAnimationButton{padding:11px 35px;font-size:12px;}
.career-details h2 span{font-size:35px;}
.career h2{font-size:28px;}
.reponsibilities h2{font-size:25px;padding-bottom:3%;}
.reponsibilities ul li{width:100%;font-size:15px;margin-left:15px;}
.reponsibilities ul li:before{top:8px;}
.reponsibilities ul{padding:2% 0 20px;}
.reponsibilities p:before{top:18px;left:0;}
.cv h2{font-size:25px;text-align:center;}
.web_grid_1.foursrc-work h2{font-size:28px;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{text-align:justify;color:#434341;padding:0 20px 0 !important;font-size:15px;margin-bottom:0;line-height:23px;}
.marketing-grid img{width:100%;}
.LineAnimationButton--White:focus{padding:14px 34px;font-size:16px;}
.work_grid_content h1{font-size:18px;margin:0;}
.work_page_block .work_grid .col-xs-12 figure{height:215px;overflow:hidden;}
.work_grid_content .btn-wrapper .LineAnimationButton{padding:10px 20px 10px 35px;font-size:13px;}
.work_grid_content .btn-wrapper{margin-top:1em;margin-bottom:2em;}
.ban-content .btn_group{width:90% !important;}
.default-state, .active-state{height:43px;line-height:43px;}
.cube{width:122px;height:39px;}
.flip-to-top .active-state{-webkit-transform:rotateX(88deg) translateZ(59px);-moz-transform:rotateX(88deg) translateZ(59px);-ms-transform:rotateX(88deg) translateZ(59px);-o-transform:rotateX(88deg) translateZ(59px);transform:rotateX(88deg) translateZ(59px);}
#cssmenu ul ul .holder{right:15px;top:5px;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:370px !important;margin:20px auto 0!important;padding:0 5px;}
.service-box .caption p{min-height:100px;font-size:14px;line-height:21px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:200px !important;margin:0px 15px !important;height:145px !important;}
.left-footer .col-md-5 .social{width:45%;}
#section6 .right-footer{top:-50%;margin-top:-32em;}
.left-footer address{padding-top:33em;margin-top:-45%;}
.copyright{margin:1em 0 0;}
.left-footer address ul li, .left-footer address ul li a{font-size:15px;text-align:center;}
.left-footer .copyright p{font-size:12px;}
nav > ul li{width:92%;}
.contact-input form .col-xs-6, .contact-input form .col-xs-12{padding:0 5px;}
.section h2 + p{font-size:15px;margin-top:10px;}
.blog-content{padding-left:1em;}
.blog-content h4 a{font-size:14px;}
.blog-content p span, .blog-content h4 + p{font-size:12px;}
.logo img{margin-top:5%;width:100%;}
.ban-content p{font-size:14px !important;}
.address-content ul li h2 {font-size: 1.6rem; font-weight: bold;}
.address-content ul li { width: 50%;}
.address-content ul li:last-child{float:none; margin:0 auto;width: 100%; text-align: center; padding-left: 0;  padding-right: 0;}
.address-content ul li:last-child img{    width: 29%;}
.address-content ul li:last-child img+img{    width: 20%;}

/*------------school-software------------------*/

.banner_new .container{width:390px;}
.banner_new .cube {width: 160px;height: 29px}
.banner_new .ban-content .btn_group{width:100% !important;}
.slick-slide .figure{height:93px;}
/*.management .under{width:70%;}*/
.quote:before{left:0;}
.rio-promos2 .slick-slide img{width:100%;}
.trial {padding: 0 0 30px 0;margin-bottom: 20px;}
    
/*------------school-software------------------*/

/*------------ Franchise ------------------*/


    
.btn_group ul li{margin-bottom:10px;}
	
.trial.fr_frnch h2{margin-top:20px;font-size: 24px;}
    
 /*------------ Franchise ------------------*/  

}

@media only screen and (max-width:431px){
	
/*------------ our-work - 28-08-19 ------------------*/ 
	
.work_grid_content .lft_cnt .btn-wrapper{margin-bottom:1em;}
.rgt_cnt figcaption {width: 99%;margin-top: 13px;height: 148px;}
    
/*------------ our-work - 28-08-19 ------------------*/ 
	
.ban-content .btn_group{width:76%;}
.cube{width:144px;}
/*.ban-content{margin:1em 0;}*/
.web_grid_1 figure.pull-right img{margin:1rem auto 2rem;}
.web_grid_1 h2{font-weight:500;}
.ban-content h1{font-size:2.5rem;}
.web_grid_1 figure.pull-right img{width:66vh !important;}
.navbar-toggle{top:8px;}
.form-head h2, .form-head h2 span{line-height:25px;}
.address-content{padding:2% 0 4%;}
.map iframe{height:212px !important;}
.blog_page_grid .blog_content{padding:7px 1em;}
.blog_page_grid .blog_content p{font-size:15px;line-height:22px;}
.blog_sidebar .sidebar_cont{width:100%;}
.blog_dtl_grid + .social_share li{margin-right:6px;}
.blog_dtl_grid .title{font-size:17px;line-height:23px;}
.social_share .btn .fa{padding-top:9px;font-size:16px;}
.blog_dtl_grid + .social_share .btn span{padding:11% 11%;}
.author_dtls + .social_share .btn-fb span{padding:13% 20% 8.5%;}
.blog_dtl_grid .social_share .btn span{padding:10% 8%;}
.banner-content .btn_group{width:84%;}
#section6 .right-footer{margin-top:-41em;}
.blog-left .col-sm-offset-4.col-xs-12{width:90%;}
.banner-content h1{font-size:3rem;}
.top-header .col-md-3.col-xs-3{width:41%;}
.menu_box .social_box{width:48% !important;}
#menu-btn-wrap{width:7vw;height:7vw;top:calc(5vh - 3.1vw);}
.career h2{font-size:30px;}
.job-heading{min-height:148px;}
.job-opening ul{margin-bottom:0;margin-top:8%;}
.job-opening ul li{width:90%;}
.modal-header{padding:10px;}
.modal .modal-title{font-size:25px;}
.modal .modal-header .close{margin-top:0;color:#fff;opacity:1;font-size:30px;}
.modal .form-group{margin:10px 0 0;width:100%;float:left;}
.job-opening h2 span{font-size:30px;}
.job-opening h2{font-size:30px;}
.career p{font-size:14px;}
#section6 .right-footer{margin-top:-45em;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2{font-size:35px !important;margin:0 0 4%;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2 + p{font-size:14px;}
.top-part .col-xs-3{width:37%;margin-top:2%;}
.ban-content .btn_group{width:90% !important;}
.ban-content p{font-size:14px !important;}
.top-header .col-md-3.col-xs-3{width:45% !important;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:15px !important;width:200px !important;margin-right:2px !important;height:115px !important;}
.left-footer .col-md-5 .social{width:50%;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:190px !important;display:block;margin:0 auto!important;height:115px !important;}
.left-footer .col-md-5 .social{width:52%;}
.left-footer address ul li a{font-size:14px;text-align:center;}
.left-footer address ul.reach-block li, .left-footer address ul.reach-block li a{font-size:13px !important;text-align:center !important;}
#section6 .right-footer{margin-top:-32em;}
.left-footer address{padding-top:33em;margin-top:-55%;}
.marketing-grid img{width:100%;}
#section6{padding-bottom:10px !important;}
.top-header .col-md-3.col-xs-3{width:40%;}
.menu_logo img{width:75%;}


/*------------school-software------------------*/

.career.school-software ul li{width:36%;}
.slick-slide .figure{width:38%;}
.quote:after {top: 11em;}
 
 
 /*------------school-software------------------*/   

}

@media only screen and (max-width:415px){
	
.modal form input, .job-opening form select{font-size:12px;height:35px;}
.menu_box .social_box{width:48% !important;}
.logo{margin-top:7%;}
.job-opening .modal-body .form-group .col-lg-6{height:55px;}
#menu-btn-wrap{width:6vw;height:6vw;top:calc(5vh - 2.1vw);}
.top-part .col-xs-3{width:40%;}
.web_grid_1 figure.pull-right img{width:55vh !important;}
.cv form .form-group span{float:left;font-size:9px;}
.default-state, .active-state{font-size:14px;}
.cube{width:130px;height:28px;}
.flip-to-top .active-state{-webkit-transform:rotateX(83deg) translateZ(64px);-moz-transform:rotateX(83deg) translateZ(64px);-ms-transform:rotateX(83deg) translateZ(64px);-o-transform:rotateX(83deg) translateZ(64px);transform:rotateX(83deg) translateZ(64px);}
.ban-content p{font-size:13px;padding:2% 8% 0;}
.footer-address h2, .footer-phone h2, .footer-email h2{font-size:17px;}
.footer-address, .footer-phone{height:11rem;}
.web_grid_1 h2{font-size:2rem;margin-top:10px;}
.address-content ul li h2{margin-top:12px;}
.blog_page_grid{padding-top:3rem;}
.blog_page_grid .blog_box{margin-bottom:2rem;}
.author_dtls + .social_share .btn .fa{padding-top:10px;}
.blog_dtl_grid + .social_share .btn span{padding:11% 8%;}
.web_discuss .discus_hdng .btn-wrapper .LineAnimationButton:before{margin-top:-3px;}
.foursrc-work h2{font-size:2.3rem;}
.foursrc-work figure.pull-right img{width:50vh !important;}
.foursrc-work figure.pull-right img{width:50vh !important;}
.top-header .col-md-3.col-xs-3{width:32.7%;}
.reponsibilities ul li{width:97%;font-size:15px;margin-left:15px;margin-bottom:2%;}
.career h2{font-size:27px;}
.career-details h2 span{font-size:30px;}
.career-details h3{font-size:25px;}
.reponsibilities p:before{top:16px;left:0;}
.reponsibilities p{padding-left:4%;}
.cv form input, .cv form textarea, .cv form select{height:39px;padding:10px 8px;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:360px !important;margin:20px auto 0!important;padding:0 5px;}
.menu_logo img{width:72%;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:260px !important;display:block;margin:0 auto!important;height:180px !important;}
.footer-social ul{width:100%;}

}

@media only screen and (max-width:389px){
	
.menu_logo img{width:67%;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:335px !important;margin:20px auto 0!important;padding:0 5px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{margin-bottom:15px !important;width:364px !important;}
#section6 .right-footer{margin-top:-38em;}

}

@media only screen and (min-width:389px) and (max-width:400px){
	
#section6 .right-footer { margin-top: -32em;}
.left-footer .col-md-5 .social {width: 57%;}
.left-footer address ul li a {font-size: 13px;}
    
}

@media only screen and (max-width:390px){
	
/*------------ our-work - 28-08-19 ------------------*/  
	
.product_left .panel {margin: 0 10px;margin-bottom: 10px;border-color: #dedede;padding: 0 10px;}
.fr_border .work_grid_content {padding: 10px 1em 0 1em;}
.lft_cnt .p_hd {font-size: 15px !important;}
.lft_cnt p {font-size: 12px !important;}
.rgt_cnt figcaption {width: 99%;margin-top: 13px;height: 145px;}
.rgt_cnt figcaption button {font-size: 12px;}
.work_box .work_img.new_work .left_com:before {height: 166px;top: -4px;width: 94%;}
.work_box .work_img.new_work figure {height: 130px;margin-top: 12px;width: 90%;}
.work_box .work_img.new_work {margin-top: 10px;height: 180px;}
    
/*------------ our-work - 28-08-19 ------------------*/  
    
	
.web_grid_1 h2{font-size:1.8rem;margin-top:10px;line-height:25px;}
.web_grid_1 .LineAnimationButton{padding:11px 2rem 11px 3.4rem;font-size:14px;}
.footer h3{font-size:12px;}
.contact-input textarea{height:73px;}
.blog_page_grid .blog_content p{line-height:20px;}
.video_cont .video_box h3{font-size:17px;line-height:23px;}
.author_dtls + .social_share .btn .fa{padding-top:10px;font-size:13px;}
.blog_dtl_grid h2, .comment_box h3{font-size:16px;}
.right-footer form{width:90%;}
.blog-right figure, .blog-left .col-sm-offset-4.col-xs-12{width:100%;}
.section h2{font-size:27px;line-height:34px;}
.section h2 span{font-size:30px;}
.banner-section{padding-top:1.5em !important;}
.top-header .col-md-3.col-xs-3{width:45%;}
.menu_box .social_box{width:51% !important;}
.web_grid_1.foursrc-work h2{font-size:28px !important;font-weight:300 !important;}
.foursrc-work figure.pull-right img{width:43vh !important;}


/*------------school-software------------------*/

.slick-slide .figure{width:44%;}
.banner_new .container{width:320px;}
.banner_new .ban-content .btn_group{width:64% !important; }
.management .under {width: 90%;} 
.rio-promos2 .col-md-5 {width: 30%;float: none;display: block;margin: 0 auto;}
.rio-promos2 .col-xs-7 {width: 100%;float: none;display: block;margin: 0 auto;}
.quote:after{top:7em;}

.school_inner .ban-content{margin:3em 0 0 0;}
.banner_new .ban-img-part figure {padding: 0;width: 80%;float: none;display: block;margin: 0 auto 5px;}
.career.school-software ul {margin-top: 10px;}
.career.school-software ul li{margin-bottom:30px;}
.trial p{font-size:14px;}
.trial_form input,textarea {height: 44px;width: 100%;font-size: 14px;}
.trial_form .btn.new{font-size:14px;}
.management .under ul li {font-size:14px;}
.management{margin-top: 0;}
.job-opening.fr_scl .rio-promos .slide .text p{font-size:14px;}
.career.school-software ul li figcaption{font-size:15px;}
.career.school-software ul li figure img{float: none;display: block;margin: 0 auto;width: 70%;}
.trial_form span {width: 100%;}
    
    
  /*------------school-software------------------*/  
  
  /*------------ Franchise ------------------*/  
  
  .school_inner.fr_fran .ban-content h1 {padding-top: 15%}
  
  /*------------ Franchise ------------------*/  

}

@media only screen and (max-width:376px){
	
.footer-content .col-xs-6{width:100% !important;}
.footer-social img{width:33%;margin-top:3%;}
.menu_logo img{width:64%;}
#menu-btn-wrap{width:7vw;height:7vw;top:calc(5vh - 5.1vw);}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:315px !important;margin:0 auto !important;height:210px !important;display:block;}
.marketing-grid img{width:100%;}
#section6 .right-footer{margin-top:-33em;}
.left-footer address ul li a{font-size:13px;text-align:center;}
.left-footer address{padding-top:32em;margin-top:-55%;}
.left-footer .copyright p{font-size:11px;}
#section6{padding-bottom:0 !important;}
.left-footer .col-md-3, .left-footer .col-md-4{width:50%;padding:0;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:313px !important;margin:20px auto 0!important;padding:0 5px;}
.left-footer .col-md-5 .social{width:63%;}
.contact-input form{width:100%;}
nav#cssmenu > ul{height:460px;}
.banner-content{margin:5em auto 2em;border:5px solid rgba(98, 87, 101, 0.74);}
.blog_page_grid .title h2{font-size:18px;line-height:21px;}
.footer-social ul li a i{padding-top:0;}
.logo{margin-top:2%;}
.ban-content h1{font-size:2.1rem;}

}

@media only screen and (max-width:375px){
	
.job-opening ul li .btn-wrapper .LineAnimationButton{padding:14px 29px 10px 35px;}
.ban-content h1{font-size:2.2rem;}
#menu-btn-wrap{width:7vw;height:7vw;top:calc(5vh - 4.1vw);}
nav#cssmenu > ul{height:420px;overflow-x:hidden;overflow:scroll;}
.top-part .col-xs-3{width:37%;}
.menu-grid{padding-top:5em;width:100%;right:0;}
.menu_box .social_box{width:53% !important;}
.address-content ul li{width:50%;float:left;padding:2% 0 4% 5%;}
.cv form .btn-wrapper .LineAnimationButton--White:hover, .LineAnimationButton--White:focus{margin-top:0;}
.location a img{width:18%;padding-top:6%;}
.location h2{font-size:3rem;}
.ban-content p{font-size:13px;padding:2% 8% 0;}
.footer-social > ul > li a i{width:30px;line-height:1.2;height:30px;padding-top:0;}
ul.social li a{width:30px;height:30px;}
.cube{width:130px;height:42px;}
.ban-content .btn_group{width:80%;}
.flip-to-top .active-state{-webkit-transform:rotateX(89deg) translateZ(64px);-moz-transform:rotateX(89deg) translateZ(64px);-ms-transform:rotateX(89deg) translateZ(64px);-o-transform:rotateX(89deg) translateZ(64px);transform:rotateX(89deg) translateZ(64px);}
.web_grid_1 figure.pull-right img{width:45vh !important;}
.footer-social img{width:30%;margin-top:0.5em;}
.footer-phone ul li, .footer-email ul li{padding-bottom:1%;}
.navbar-toggle{top:5px;}
.logo img{width:100%;}
.mail-info h3:after, .phone-info h3:after, .chat-info h3:after{right:1rem;}
.work_content h3{font-size:16px;text-align:left;}
.work_content h3 span{display:inline-flex;vertical-align:middle;margin-left:3rem;text-align:right;font-size:11px;}
.cube{width:120px;height:42px;}
.video_cont .video_box h3{font-size:16px;line-height:21px;}
.video_cont .video_box p{font-size:14px;}
.blog_dtl_grid .title{font-size:16px;}
.blog_sidebar .sidebar_cont ul{padding:0 18px 0 7px;}
.foursrc-work h2{font-size:2.2rem;}
.b2b-digital-marketing h2 + p{padding:0 4%;text-align:justify;font-size:14px;}
.top-header .col-md-3.col-xs-3{width:36%;}
.job-opening form input, .job-opening form select{font-size:12px;height:35px;}
.career h2{font-size:26px;}
.job-opening ul li{width:100%;}
.modalmodal ul li .btn-wrapper .LineAnimationButton{font-size:12px;padding:8px 18px 8px 30px;}
.cv .container form .col-sm-12{width:100%;float:left;}
.cv .container form .col-sm-12:nth-child(7){width:100%;}
.cv form textarea{height:40px;}
.cv form input, .cv form select{height:34px;padding:5px 8px;}
.cv form .btn-wrapper .LineAnimationButton--White{margin-top:20%;}
.cv form .btn-wrapper .LineAnimationButton--White{margin-top:20px;float:left;display:block;}
.career{padding:25px 0 0;}
.menu_box .social_box{width:58% !important;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2{font-size:32px !important;margin:0 0 4%;}
.web_grid_1.foursrc-work h2{font-size:28px !important;font-weight:300 !important;}
.web_grid_1.foursrc-work .b2b-digital-marketing h2{font-size:32px !important;margin:0 0 4%;}
.foursrc-work figure.pull-right img{width:50vh !important;}
.work_grid_content .btn-wrapper{margin-top:10px;margin-bottom:10px;}
.work_grid_content h1{font-size:17px !important;margin:0;}
.logo{margin-top:0;}

}

@media only screen and (max-width:360px){
	
/*------------ our-work - 28-08-19 ------------------*/
	
.work_content.fr_wrk_new h2 {font-size: 15px;text-align: left;}
.work_content.fr_wrk_new h2 span{margin-left:30px;}
.work_box .work_img.new_work .left_com:before {height: 187px;top: -4px;width: 94%;}
.work_box .work_img.new_work {margin-top: 10px;height: 200px;}
.work_content.fr_wrk_new h3 {font-size: 15px;}
.work_box .work_img.new_work figure {height: 145px;margin-top: 12px;width: 90%;}
.work_box.fr_new_work .fr_wrk_new ul li {margin-left: 15px;}
.rgt_cnt figcaption {width: 100%;margin-top: 13px;height: 130px;}
    
    
/*------------ our-work - 28-08-19 ------------------*/   
	
.job-opening .modal-body .form-group .col-lg-6 span{font-size:10px;}
nav > ul li a{font-size:15px;display:block;}
.job-opening .modal .modal-footer .btn-wrapper .LineAnimationButton{color:#f7c80a;display:inline-block;margin:10px auto 0;}
.job-opening h2{font-size:25px;}
.ban-content h1{font-size:2.2rem;}
.web_grid_1 h2{font-size:2rem;margin-top:10px;line-height:25px;}
.job-opening h2 span{font-size:25px;}
.ban-content .btn_group{width:85%;}
.footer-social img{margin-top:0.2em;}
.social_share .btn .fa{padding-top:11px;font-size:12px;}
.foursrc-work figure.pull-right img{width:50vh !important;}
.top-header .col-md-3.col-xs-3{width:46%;}
.career h2{font-size:25px;}
.career p{font-size:14px;line-height:22px;}
.job-heading p{font-size:20px;}
.career-details h3{font-size:23px;padding-top:8%;}
.reponsibilities ul li{width:97%;font-size:14px;margin-left:15px;margin-bottom:3%;}
.reponsibilities ul li:before{top:7px;}
.cv form textarea{padding:6px 11px 0;height:40px;}
.cv form .btn-wrapper{float:none;margin:3% auto 0;display:block;clear:right;width:42%;}
.marketing-grid img{width:100%;}
.blog_page_grid .title h2{font-size:18px;line-height:22px;}
.blog_page_grid .blog_content p{font-size:14px;line-height:19px;}
.web_grid_1.foursrc-work p{font-size:14px;padding-top:6%;line-height:25px;}
.web_grid_1.foursrc-work h2{font-size:30px !important;font-weight:300 !important;}
.top-part .col-xs-3{width:40%;}
#menu-btn-wrap{width:7vw;height:7vw;top:calc(5vh - 5.1vw);}
.menu_logo img{width:60%;}
nav#cssmenu > ul{height:400px;overflow-x:hidden;overflow:scroll;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:318px !important;margin-left:15px;}
.left-footer .col-md-5 .social{width:67%;}
.banner-content{margin:5em auto 2em;border:5px solid rgba(98, 87, 101, 0.74);}


/*------------school-software------------------*/

.career.school-software ul li {width: 48%;}
.slick-slide .figure{width:50%;}

/*------------school-software------------------*/

}
@media only screen and (max-width:320px){
	
/*------------ our-work - 28-08-19 ------------------*/
	
.rgt_cnt figcaption {width: 100%;margin-top: 10px;height: 113px;}
    
/*------------ our-work - 28-08-19 ------------------*/
    
	
.top-part .col-xs-3{width:45%;}
.modal .modal-title{font-size:22px;}
nav > ul li a{font-size:14px;display:block;}
.menu_box .social_box{width:65% !important;}
.job-opening ul li .btn-wrapper .LineAnimationButton{font-size:12px;padding:14px 20px 10px 35px;}
.footer-social img{width:35%:}
.ban-content .btn_group{width:95%;}
.cube{width:120px;height:40px;}
.default-state{-webkit-transform:translateZ(22px);-moz-transform:translateZ(22px);-ms-transform:translateZ(22px);-o-transform:translateZ(22px);transform:translateZ(22px);}
.default-state, .active-state{height:41px;line-height:39px;}
.flip-to-top .active-state{-webkit-transform:rotateX(89deg) translateZ(62px);-moz-transform:rotateX(89deg) translateZ(62px);-ms-transform:rotateX(89deg) translateZ(62px);-o-transform:rotateX(89deg) translateZ(62px);transform:rotateX(89deg) translateZ(62px);}
.logo img{width:100%;}
.ban-content{margin:1em 0 0;}
.ban-content .btn_group{margin:0;width:100% !important;}
.blog_page_grid{padding-top:2rem;}
.banner-content .btn_group{width:97%;}
.banner-content h1{font-size:2.5rem;}
.banner-content h1 span, .banner-content h1 span i{font-size:18px;}
.career h2{font-size:22px;}
.job-opening h2 span{font-size:25px;}
.job-opening h2{font-size:25px;}
.job-heading p{font-size:18px;}
.modal form input, .modal form select{padding:5px 10px;}
.modal form textarea{font-size:12px;padding:5px 10px;}
.left-footer .col-md-5 .social{width:75%;}
#section6 .right-footer{margin-top:-36em;}
.left-footer .col-md-3, .left-footer .col-md-4{width:100%;padding:0;}
.section h2 + p{font-size:14px;}
.portfolio-wrapper .swiper-container .swiper-wrapper .swiper-slide{width:285px !important;margin:0 8px;}
.service-box .swiper-container .swiper-wrapper .col-sm-5{width:260px !important;}
.service-box .caption p{min-height:100px;font-size:13px;line-height:18px;}
.menu_logo img{width:52%;}
.left-footer address{padding-top:33em;margin-top:-74%;}
.left-footer address ul.reach-block li a{font-size:14px !important;text-align:center !important;}
.left-footer address ul li a{font-size:14px;text-align:center;}
#section3 .filter-button{font-size:13px;}
#menu-btn-wrap{width:7vw;height:7vw;top:calc(5vh - 5.1vw);}

/*------------school-software------------------*/

.slick-slide .figure {width:63%;}
.quote:after{top:9em;}

/*------------school-software------------------*/
	
}
@media only screen and (min-width:1366px){
	
.blog-right figure{width:auto;}
.blog-right figure img{/*width:auto;*/float:none;}
.blog-right figure{width:-webkit-fill-available;float:right;}
#section3 .gallery_product img{margin-left:-3px !important;}

}

@media only screen and (max-width:767px) and (min-width:669px){
	
.left-footer address{padding-top:5em;}
#section6 .right-footer{top:-50%;margin-top:-31em;}

}