@media all and (min-width: 760px){

.home-work-sec.work-section .work-container .mix,.home-work-sec.work-section .work-container .gap{width: 31%;}

}

@media all and (min-width: 1099px){

.home-work-sec.work-section .work-container .mix,.home-work-sec.work-section .work-container .gap{width: 24%;}

}

@media all and (min-width: 420px){

  .work-container .mix,.work-container .gap{width: 31%}

}



@media (min-width: 1200px){

.container{width:1170px}
#casestudyModal .modal-body {
    padding: 50px 15px;
}

}

@media (min-width: 1300px){

.container{width:1212px}

}
@media (min-width: 1200px) and (max-width : 1299px){
.navbar-menu ul li a{
    font-size: 13px;
}
}



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



.height-size-img .tp-bgimg{background-size:100% 100% !important;}

.members_work ul li {

    width: 46% !important;



}

}

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

/* .navbar-menu {margin-right: 50px;} */

.ser-logo{width:80px;height:80px;background-size:contain}

.services-content{padding-left:90px}

.header-container .container{
    width: 100%;
}




.navbar-menu ul li{
    padding:20px 7px;
}
.navbar-menu ul li a{
    font-size: 12px;

}
.right-float{
    margin-right: 0;
}
.header-top-fix .navbar-menu{margin-right:0}

.header-top-fix .navbar-menu ul li{ padding: 0;/*22px 12px;*/}

.team_wrap ul li {

    width: 32%;

    margin-right: 10px;

    margin-bottom: 30px;

}



}

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

.fill{min-height:395px}

.forkit {width: 155px;right: -32px;top: -6px;}

.menu-shrink .forkit{width: 147px;right: -32px;top: -2px;}

.header-top-rht{margin-right:55px}

.forkit{height: 90px;}

.header-top-rht li{margin: 0 5px}

.header-top-rht li a {background-size:contain!important;height:18px;width:18px}



.sub_title{padding: 0 15%}

.careers_accordion{margin: 50px auto 100px}

.tech-tag a,.tool-tag a,.ser-tag a{background-position: center !important;background-size:contain!important}

.work-section h3{font-size: 20px}

}

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

.container{width:950px}

.services-container .services-logo:nth-child(3n+1){clear:none;}

.services-container .services-logo:nth-child(2n+1){clear:both;}

.overlay-content a{font-size:12px}

.fill{min-height:377px}

.services-section .col-lg-2{margin-bottom:20px}

.services-section{padding-bottom:20px}

.services-section h1{margin-bottom: 25px}



.tip{font-size:11px;padding:10px;width:100%;height: 92px;display:block}

.testi-left{margin-right:0;display:block;width:100%;margin-top:0;margin-bottom:8px;text-align:center}

.testi-right{padding-top:0;padding-left:0;float:left;width:100%;display:block;}

.test-par{height:auto;min-height:320px;}

.tip:before{top:-18px;left:50%;transform: rotate(90deg);}

.overlay-content{padding:20px}

.fill{min-height:424px}

.test-par:after{right: 8px;}

span.test-img-look{ margin: 0 auto;}

.logo_table_row .cmpy_logo img {max-width: 65%}

.single-work-page .work-testi-section .tip{font-size: 13px}



#request_form .title{margin-bottom: 22px;font: 35px/35px ralewaylight}

.form-wrap{margin-left: -426px;width: 852px}

#request_form .close-button{width: 28px;height: 28px;background-size: contain; right: 6px;}

.form-wrap .rq-form .input-wrap{width: 48%;}

.form-wrap .rq-form .w-email{width: 100%;}

.form-wrap .rq-form .textarea-wrap textarea{height: 110px}

.form-wrap .rq-form .input-wrap input{padding: 8px 3% 8px 8%;}

.form-wrap .rq-form .submit-wrap #quote-submit{    padding: 8px 15px;}

.location_top h3{font-size: 20px;margin-bottom: 15px;}

.location_tab ul{width: 500px;}

.address_vrea, .phone_vrea, .mail_vrea, .skype_vrea{font-size: 15px;}

.location_address_area {padding: 50px 15px 15px}

.location_tab .tab-content{height: 210px}

.location_top .location_map{width: 352px;height: 210px;}

.location_top .location_map div{height: 210px !important}

.pricing-box-main{padding-bottom: 50px;}
.pricing-box-main h2,.discount-box-main h2{font-size: 25px;}

}

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

.ind_category{float: left;width: 50%;}

.discount-box{
    display: block;
  }

}

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

	.team_wrap ul li {

    width: 47%;

	}

	.team_members_details .member_img {

    width: 25%;

}

.team_members_details .member_experience span {

    float: none;

    width: auto;

}

.team_members_details .member_details {

    width: 71%;

}

.team_members_details .members_work {

    float: left;

    width: auto;

}

.member_project_details_wrap .left_wrap {

    width: 40%;

}

.member_project_details_wrap .project_details {

    width: 60%;

}

.project_timeing {

    float: left;

}

.container{width:850px}

.work-container{padding:0}

.contact-section h2,.feedback-section h2,.work-section h2,.process-section .title-container h2,.services-section h1{font-size: 25px;}

.navbar-menu ul li{padding:22px 10px 11px}

.navbar-menu ul li a{font-size: 12px;letter-spacing: 0.5px;}

.header-container{padding:10px 0;}

.header-top-fix{padding:5px 0}

div.sub-menu{top:91px}

.fill{min-height:346px}

.header-top-fix .navbar-menu ul li{padding: 22px 10px 11px;line-height: 35px}

.header-top-fix div.sub-menu{top: 80px}

.header-top-fix .navbar-menu{margin-right: 50px}

.desc-col-sec,.ser-col-sec{width:100%}

.ser-col-sec{margin-top:30px}

.tech-tag a, .tool-tag a, .ser-tag a{background-size: auto !important}

}

@media only screen and (min-width:900px) and (max-width:979px){



}

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

.container{width:780px}

.work-container{padding:0}

.contact-section h2,.feedback-section h2,.work-section h2,.process-section .title-container h2,.services-section h1{font-size: 25px;}

.toggle-box{display:block;width:100px;position: absolute;right: 10px;top: 15px;}

#main-menu{display:none;max-height:300px;overflow-y: scroll;position:absolute;width:100%;z-index:1000;background:#000;left:0}

.menu-container{margin-top: 22px;}

.toggle-btn{background:#70bf4d;padding: 10px;width: 35px;}

.toggle-btn .icon-btn{background:#fff}

.header-top-fix #main-menu{top:70px}

.right-float.header-right{width:100%}

.header-top-fix .right-float.header-right .menu-container{margin: 8px -15px 0}

.header-top-fix .header-right {height: 0;margin-right: 0;margin-top: 0;}

.header-top-fix div.sub-menu{top:0;border-radius: 0;box-shadow: none;}

/*.navbar-menu ul li:hover,.navbar-menu ul li.active {background: #70bf4d}*/

.navbar-menu ul li:hover a,.navbar-menu ul li.active a{color:#70bf4d}

div.sub-menu .col-sub-menu{width:100%;margin:0}

.header-top-fix .navbar-menu ul li{padding:0;line-height:1}

.navbar-menu ul li .col-sub-menu a{padding: 5px 0;color:#323232}

.navbar-menu ul li .col-sub-menu li:hover a{color:#70bf4d}

.navbar-menu ul li .col-sub-menu ul li:hover{background:#111}

div.sub-menu .col-sub-menu h4{margin:10px 0 0}

div.sub-menu .container{width:100%}

.navbar-menu ul li{display:block;position:relative;padding:0;width:100%}

.navbar-menu ul li a{display:block;padding:10px 5%;}

.navbar-menu {margin-right: 0px;}

.req-section,.forkit{display:none}

.navbar-menu{}

div.sub-menu{position:relative;top:0;border-radius: 0;box-shadow: none;padding-top:0}

div.sub-menu .row{margin:0}

.header-top-fix .header-right{/*margin-right:0px;margin-top:23px*/}

.fill{min-height:308px}

.right-float.header-right .menu-container{margin:0;padding-bottom:0}

#main-menu{margin-top:10px}

.header-top-fix #main-menu{margin-top:8px}

div.sub-menu .col-sub-menu ul li a{padding: 3px 0 3px 11px}

.navbar-menu ul li a.open_menu{background-color:#70bf4d;color:#fff}

div.sub-menu .col-sub-menu h4{font-size: 12px}

.header-top-rht li{margin: 0 5px}

.header-top-rht{margin-right: 0}

.header-top p{margin-right:0}

.header-top p:first-child{margin-right: 15px}

.top-header-container{position:relative}

.home-work-sec.work-section .overlay-content{font-size: 10px}

.logo_table_row .cmpy_logo img{max-width: 72%}

.industries-tabs.nav-tabs > li > a{font-size:13px}

}

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

.container{width:750px}

.contact-widget .address, .contact-widget .emp-con, .contact-widget .proj-con{font-size:12px}

.services-content{font-size:12px}

.services-content h4{font-size:16px;margin-bottom:7px}

.fill{min-height:296px}

.members_work ul li {

    margin-bottom: 4px !important;

    padding: 0 !important;

}

.member_experience span {

    float: left;

    width: 100%;

}

.member_experience .devider{

	display:none;

}

.team_wrap ul li {

    padding: 30px 16px 36px;

}

}

@media only screen and (max-width:767px) and (min-width:600px){

.feedback-content{margin: 40px auto;width: 100%;}

.testi-left {float: left;margin-top: 20px;width: 100%;text-align:center}

.testi-right{float:left;width: 100%;padding-left: 16px;padding-top:0;height:100%;right:0}

.tip:before{left: -15px;top: 40%;transform:rotate(0deg)}



}

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

.container{width:95%}

.services-content{padding:0 5%;text-align:center}

.ser-logo{width:100%;position:relative;display:block;background-position:center center;margin-bottom:20px}

.work-section .controls{margin:40px 20px 60px;}

.work-section .controls a{font-size: 14px;margin-right: 20px;}

.contact-section h2, .feedback-section h2, .work-section h2, .process-section .title-container h2, .services-section h1{font-size: 20px;}

.testi-green,.testi-blue,.testi-pink{margin-bottom:15px;position:relative}

.contact-section h3{font-size:16px}

.contact-section .sub-heading{font-size:13px}

.contact-widget{margin-bottom:25px}

.contact-widget .address, .contact-widget .emp-con, .contact-widget .proj-con {font-size: 14px;}

.contact-us-container .form-cont {width:100%;}

.contact-us-container .form-cont input{width:100%;margin-right:0}

.contact-us-container .form-cont input.mr_rh0 {margin-left:0}

.fill{min-height:246px}



.header-top p{font-size: 12px;width:100%;text-align:center;line-height: 25px;margin-right: 0;}

.header-top p img {margin-right: 5px;}

.header-top-rht{display:none}

.header-top{padding: 3px 0}

.home-work-sec.work-section .portfolio-cat span{margin-top:10px;margin-bottom:10px}

.tip{margin-top: 0px;}

.header-top-fix .navbar-menu{margin-right:0}

.services-section .col-xs-6:nth-child(2n){clear:both}

.industries-tabs li{display:inline-block;width:auto}

.industries-tabs li a{display:block;padding:5px 10px;background:#f1f1f1;border:solid 1px #e1e1e1}

.industries-tabs.nav-tabs > li > a{font-size: 13px;text-transform: none;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}

.industries-tabs.nav-tabs > li.active > a, .industries-tabs.nav-tabs > li.active > a:hover, .industries-tabs.nav-tabs > li > a:hover, .industries-tabs.nav-tabs > li.active > a:focus{border:solid 1px #e1e1e1}

.industries-title-section h1 span:before, .industries-title-section h1 span:after{display:none}

.careers_accordion .panel .panel-title a{font-size: 22px;background-size: 35px !important}

.sub_title {text-align: justify;padding: 0}

.careers_accordion .panel-body ul li{font-size: 16px}

.careers_accordion.panel-group .panel + .panel{margin-top:20px}

.contact_form_section input[type="submit"]{width:100%}

.contact_address{margin-top:50px;padding:0 20px}

.address_vrea, .phone_vrea, .mail_vrea, .skype_vrea {font-size: 14px}
.pricing-box{display: block; width: 100%;}
.pricing-box-main .pricing-box .pricing-box-inner{width: 100%; text-align: center;}
.pricing-box-main p,.discount-box-main p{font-size: 18px !important;}
.pricing-box-main a,.discount-box-main a{font-size: 22px !important; padding: 10px !important; max-width: 175px !important;}

.footer-left.left-float p,
ul.footer_links li a {
    font-size: 13px;
}
.header-top p:first-child{
    margin-right: 0
}
.header-top p {
    width: auto;
    float: none;
    display: inline;
}
.header-top p span.ph-last {
    width: auto !important;
    display: inline !important;
    white-space: nowrap;
}
.header-top{
    text-align: center;
}
}

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

.fill{min-height:235px}

}

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

.services-container .services-logo{width:100%}

.work-section .controls{margin:40px 0}

.work-section .controls a{font-size:12px}

.fill{min-height:195px}

.team_wrap ul li {

    width: 100%;

}

.search_wrapper {

    width: 100%;

    border-top: 1px solid #ccc;

}

.filter_wrapper {

    width: 100% !important;

}

.filter_wrapper ul li {

    width: 100% !important;

    border-bottom: 1px solid #ccc;

    text-align: center;

}

.filter_wrapper ul li:last-child {

    border-right: 0;

}

.member_project_details_wrap .project_details {

    width: 100%;

    padding: 20px;

}

.team_members_details .member_details {

    width: 100%;

    padding: 10px 20px;

}

.member_project_details_wrap .left_wrap {

    padding: 12px;

    width: 100%;

    border: 1px solid #ccc;

}

.team_members_details .member_experience {

    width: 100%;

    margin: 8px 0 15px;

}

.team_members_details .members_work {

    float: left;

    width: auto;

    padding-top: 0;

    padding-bottom: 10px;

}

}

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

	.team_members_details .member_img {

    width: 40%;

    margin-bottom: 0;

}

.container{width:100%}

.contact-section h2, .feedback-section h2, .work-section h2, .process-section .title-container h2, .services-section h1 {font-size: 20px;line-height: 24px;}

.contact-section h2:after , .feedback-section h2:after , .work-section h2:after , .process-section .title-container h2:after , .services-section h1:after,.contact-section h2:before , .feedback-section h2:before , .work-section h2:before , .process-section .title-container h2:before , .services-section h1:before {display:none}

.services-content h4 {font-size: 15px;}

.navbar-menu ul li{font-size: 12px;}

.navbar-menu ul li a{padding: 8px 5%;}

.logo-cont img{max-width: 100px;height:auto}

.icon-cont{ height: 80px;width: 80px;}

.footer-left,.footer-right{width:100%;text-align:center}

.contact-section h3{  font-size: 14px;}

.contact-widget h4{font-size:16px}

.footer-right a{float:none;display:inline-block}

.services-content{margin-top:20px}

.services-logo:first-child .services-content{margin-top: 10px;}

.services-container{margin-bottom:50px}

.fill{min-height:185px}

.full-width-banner-section .carousel-control.left, .full-width-banner-section .carousel-control.right{height:80px;margin-top:-40px;font-size:50px}

.sub-page h1, .work-section h2{margin-top: 20px}

.home-work-sec.work-section .controls{margin: 20px 20px 0px;}

.ind_category{width:100%}

.careers_accordion .panel .panel-title a{font-size: 20px}

.sub_title{text-align: justify}

.tech-tag a, .tool-tag a, .ser-tag a{background-size: contain !important}

}



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

.work-section .controls a{font-size:11px;margin-right: 5px;text-transform:capitalize}

.work-section .controls {margin: 20px 0;}

.work-container .mix{margin-bottom:15px}

.work-section .controls{border-bottom:0}

a.view-all-work{font-size: 12px;}

.fill{min-height:145px}

.full-width-banner-section .carousel-control.left, .full-width-banner-section .carousel-control.right{width: 30px;height: 48px;margin-top: -24px;font-size:30px}

.services-section h3{font-size: 14px;}

.industries-tabs.nav-tabs > li > a{font-size:11px}

.industries-title-section h1{font-size:20px}

.logo_table_row .cmpy_logo{width:50%;margin-top:-1px}

.logo_table_row .cmpy_logo:first-child,.logo_table_row:first-child .cmpy_logo,.logo_table_row .cmpy_logo{border:1px solid #e1e1e1}

}

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

.fill{min-height:138px}

.team_members_details .member_experience span {

    float: left;

    width: 100%;

    padding: 0;

}

}

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

.contact-section h2, .feedback-section h2, .work-section h2, .process-section .title-container h2, .services-section h1 {font-size: 18px;line-height: 22px;}

.slide3_cont4{left:initial!important;right:30px;}

.slide3_cont5{left:initial!important;right:130px;}

.slide3_cont3{left:initial!important;right:230px;}

.slide3_cont7{left:10px !important}

.slide3_cont6{left:27px !important}

.slide1_cont6 a{padding:5px 8px;}



.slide1_cont2{left:initial!important;right:0}

.slide1_cont2 img{height:95px!important;width:auto!important;}

.slide1_cont3{display:none}

.slide1_cont4{font-family: "ralewaylight"!important;letter-spacing:1px!important;line-height: 16px!important;font-size: 12px!important;max-width: 160px!important;left:4.897px!important;}

.slide1_cont5{font-family: "ralewaylight"!important;font-size: 10px!important;top: 76.906px;}

.slide1_cont6{font-size: 10px!important;border-width:1px !important}



.slide2_cont2{left: 5.325px!important;top: 65.863px!important;}

.slide2_cont4{left: 122.59px!important;top: 66.641px!important;}

.slide2_cont6{font-size: 12px!important;left:initial !important;right:10px;}

.slide2_cont7{font-family: "ralewaylight"!important;font-size: 10px!important;left:initial !important;right:0px!important}

.slide2_cont8{font-family: "ralewaylight"!important;font-size: 10px!important;left:initial !important;right:20px!important}

.slide2_cont8 a,.slide3_cont8 a{padding:5px 8px;}

.slide3_cont8{font-family: "ralewaylight"!important;font-size: 10px!important}



.fill{min-height: 123px}



}

@media only screen and (max-height:580px){



}



@media (min-width:768px) and (max-width:992px){

	.navbar-menu ul li {

		padding: 0;

	}

	.navbar-menu ul li a {

		display: block;

		padding: 15px 7px;

	}

	.navbar-menu ul li {

		display: inline-block;

		float: left;

		width: initial;

	}

	.solution_sublist:hover .subsolutions_list {

		display: block;

		top: 50px;

		width: 240px;

		position: absolute;

	}

	.solution_sublist{

		background-position:98% 25px;

	}

	.header-top-fix .solution_sublist {

		background-position: 90% 20px;

		background-size: 9%;

	}

	.white_header h1,.white_header h1 strong{

		font-size:25px !important;

	}

	#main-menu {    

		overflow-y: visible;

    }

}