@charset "utf-8";
/* CSS Document */


@media (min-width: 320px)and (max-width: 1280px)
{
    #myCarousel .carousel-inner>.item {
    height:auto !important;
	}
	#myCarousel1 .glyphicon-menu-right, #myCarousel6 .glyphicon-menu-right {
    right: 10px !important;
    left: auto !important;
	}
	#myCarousel1 .glyphicon-menu-left, #myCarousel6 .glyphicon-menu-left {
    left: 10px !important;
    right: auto !important;
	}
	.abt_left p 
	{
    	padding-right:0px;
	}	
		
	.mob_view
	{
		display: block;
	}
	/*.owl-theme .owl-controls .owl-buttons .owl-next, .owl-theme .owl-controls .owl-buttons .owl-prev
    {
    	display: none !important;
	}*/
	.desk_view {
	    display: none;
	}
	.mob_view 
	{
	    display: block;
	}
	/*click css*/
	/*.career_hover
	{
		display: none !important;
	}*/
	/*click css end*/


	
}

@media (min-width: 240px)and (max-width: 1170px)
{
	.container
	{
		width: 100% !important;
	}
	.container2
	{
		width: 100% !important;
	}
	.step2_box
	{
		margin: 0px auto;
	}
}
@media (min-width:0px)and (max-width: 1200px)
{
	.right_box
	{
		display: none!important;
	}
	.left_box
	{
		padding-left: 0px !important;
	}
	.left_box .heading1
	{
		text-align: center;
	}
	.left_box p
	{
		text-align: center;
		padding:10px 100px;
	}
	.left_box .why_us_btn
	{
		text-align: center;
		display: table;
		margin: 0px auto;
	}
	.heading4
	{
		text-align: center!important;
	}
	.saywithus 
	{
	    min-height: 190px !important;
	}
	.strategy_header_1, .strategy_header_2
	{
		padding: 4% 0px;
	}
	.min_h_450
	{
		min-height: 230px !important;
	}
	.method .col-lg-2
	{
		display: none;
	    
	}
	.fixit1200
	{
		width: 100%;
	}
	.close_career 
	{
	    position: absolute;
	    width: 40px;
	    height: 40px;
	    top: 5px;
	    right: 5px;
	    cursor: pointer;
	    background-color: #fff;
	    transition: all 0.2s ease;
	}
	.close_career::before, .close_career::after 
	{
	    content: '';
		position: absolute;
		width: 70%;
		top: 48%;
		height: 2px;
		background: #009fd6;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		right: 15%;
	}
	.close_career::after 
	{
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	.close_career:hover
	{
	    background-color: #1d1d1d;
	}
	.ov:hover > .career_hover
	{
		display: none;
	}
	/*.ov:hover > .career_hover {
    visibility:visible;
    opacity:1;
	}*/
	/*.ov:focus > .career_hover {
    visibility:visible;
    opacity:1;
	}*/
	.career_hover
	{
		position: fixed!important;
		margin: 0px auto!important;
		top: 50% !important;
		left: 50%!important;
		z-index: 99999;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#overlay-back {
    background-color:black;
        width:100%;
        height:100%;
      	display:none;
        position:fixed;
    	z-index: 9999;
    	top: 0;
    	left: 0;
}
}
@media (min-width: 768px)and (max-width: 800px)
{
	footer ul {
    margin-right:18px !important;
	}
	.klicko 
	{
    	width: 55px !important;
	}
	.ecommerce .nav-tabs > li > a
	{
		font-size: 20px !important;
	}
	.min_h_450
	{
		min-height: 275px !important;
	}
}
@media (min-width: 480px)and (max-width:767px)
{
	.klicko {
    margin: 0 0 0 2px !important;
    width: 35px;
	}
	.heading2
	{
		font-size: 17px !important;
	}
	
}
@media (min-width: 320px)and (max-width:479px)
{
	.klicko 
	{
	    margin: 0 0 5px 0px !important;
	    width: 30px;
	}
	.heading2
	{
		font-size: 14px !important;
	}
	.step2_box 
	{
	    background: none;
	    width: 100%;
	    height: 230px;
	    text-align: center;
	}
	.step2_box p
	{
		padding-right: 0px;
	}
}
@media (min-width: 980px)and (max-width:1279px)
{
	.bigbl 
	{
    	width: 46% !important;
	}
	.smlbl {
   		width: 20% !important;
	}
	.services .navsoft_header2 {
    
    font-size: 18px !important;
    line-height: normal !important;
	}
	.rightz-box-small 
	{
	    width: 25%;
	  /*  float: left;*/
	}
	.developerzone:nth-child(2n+1) 
	{
    	margin: 55px !important;
	}
	.developerzone:nth-child(2n) 
	{
	    margin: 55px 0px 55px 55px !important;
	}
	.titleboxsubtext
	{
		min-height:78px;
	}

}
@media (min-width: 320px)and (max-width: 767px)
{
	
	footer ul
	{
		margin-bottom:20px !important;
	}
	
	.right-box-big 
	{
	    width: 100%;
	    float: right;
	    margin-top: 30px;
	}
	.bg_gradient
	{
		background: #eaeaea; /* Old browsers */
		background: -moz-linear-gradient(left, #eaeaea 0%, #eaeaea 50%, #eaeaea 50%, #eaeaea 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #eaeaea 0%,#eaeaea 50%,#eaeaea 50%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #eaeaea 0%,#eaeaea 50%,#eaeaea 50%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	.abt_v
	{
		padding-left:15px !important;
		margin-top: 30px;
	}
	.company_bg
	{
		background:none;
	}
	footer ul {
    margin-right:0px;
    width:100%;
	}
	.bn_bt_nmbr p
	{
		font-size: 40px;
	}
	.bn_bt_nmbr span
	{
		font-size: 12px;
	}
	.home_services .nav-tabs.nav-justified > li > a 
	{
    	margin-right: 0%;
	}
	
	.home_services .tab-content
	{
		margin-top: 20px;
	}
	.bigbl 
	{
	    text-align: center;
	}
	.fixit450
	{
		width: 100% !important;
	}
	.zigop, .zigo
	{
		width: 100%;
	}
	.teamwork 
	{
	    width: 75%;
	    float: none;
	    margin: 35px auto;
	}
	.gr_1 
	{
	    background: #eaeaea;
	    background: -moz-linear-gradient(left, #eaeaea 0%, #eaeaea 50%, #eaeaea 50%, #eaeaea 100%);
	    background: -webkit-linear-gradient(left, #eaeaea 0%,#eaeaea 50%,#eaeaea 50%,#eaeaea 100%);
	    background: linear-gradient(to right, #eaeaea 0%,#eaeaea 50%,#eaeaea 50%,#eaeaea 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=1 );
	}
	.gr_2 
	{
	    background: #dadada;
	    background: -moz-linear-gradient(left, #dadada 0%, #dadada 50%, #dadada 50%, #dadada 100%);
	    background: -webkit-linear-gradient(left, #dadada 0%,#dadada 50%,#dadada 50%,#dadada 100%);
	    background: linear-gradient(to right, #dadada 0%,#dadada 50%,#dadada 50%,#dadada 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dadada',GradientType=1 );
	}
	.gr_1 p, .gr_2 p 
	{
	    text-align: center;
	    padding: 0px 15px !important;
	}
	.res50 
	{
	    padding-bottom: 30px;
	}
	.gr_1 .pl50, .gr_2 .pl50 
	{
	    padding-left: 15px !important;
	}
	.tab-content 
	{
	    margin-top: 45px;
	}
	.bg_login .nav-tabs > li > a
	{
		font-size: 20px !important;
	}
	.bg_login .form-control
	{
		font-size:15px !important;
	}
	.confirm_input
	{
		height: 50px !important;
	}
	.career_opt
	{
		width: 70%;
		max-height:100%;
		margin: 0px auto;
	}
	.case_study
	{
		display: block;
		padding: 15px;
	}
	.case_study p
	{
		line-height: 50px;
	}
	.bg_dark_g
	{
		padding: 10px 0px !important;
	}
	.bn_bt_nmbr p
	{
		line-height: 30px !important;
		margin-bottom: 0px !important
	}
}


@media (min-width: 320px)and (max-width: 800px)

{
	
	.left_box {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 88%;
	}
	.mob_view img
	{
	    width:100%;
	}
	.siteinfo
	{
		width: 100%;
	}
	.results .owl-item .item img 
	{
		display: none;
	}
	.clintlisting li
	{
		width: 160px;
		height: 160px;
		margin-left: 16px;
		margin-right: 16px;
	}
	.footer-top img 
	{
	    margin-right:0px;
	    margin-bottom: 5px;
	}
	.footer-top h4
	{
		text-align: center;
	}

	.width1 {
    width: 100%;
    display: block;
	}
	.hardbrush
	{
		text-align: center;
		float: none;
		font-size: 16px !important;
	}
	.width2, .width4, .width3, .width5 
	{
	    width: 100%;
	    display: block;
	}
	.styled-select {
	    width: 95%;
	    float: none;
	    margin: 10px auto;
	}
	.services img 
	{
	    margin: 0px auto;
	    display: flex;
	    float: none;
	}
	.navsoft_header1 
	{
	    /*height:auto;*/
	    justify-content: center;
	}
	.navsoft_header2
	{
		text-align: center;
		margin: 15px auto;
		line-height: normal;
	}
	.services .services_text
	{
		text-align: center;
		margin: 0px auto !important;
	}
	.rightz-box-small, .centerd 
	{
	    width: 100% !important;
	    float: left;
	    
	}
	.ourapproach 
	{
	    float: none;
	    margin: 20px auto;
	    cursor: pointer;
	    text-align: center;
	    display: inline-block;
	    width: 100%;
	}
	.left-box
	{
		display: none;
	}
	.developerzone
	{
		float: none;
		margin: 0px auto 90px !important;
	}
	.titleboxsubtext
	{
		min-height: auto;
		padding-bottom: 5px !important;
		margin-bottom: 0px !important;
	}
	.nav-tabs.nav-justified.ent_tab > li {
	    float: none;
	    display: block;
	    width: 100%;
	}
	.nav-tabs.nav-justified.ent_tab > li a
	{
		min-height: auto;
	}
	.nav-tabs.nav-justified.ent_tab > li a img, .ent_tab > li.active > a::after
	{
		display: none;
	}
}

@media (min-width: 768px)and (max-width:980px)
{
	.bms .nav-tabs > li > a
	{
		font-size: 14px !important;
	}
	.left-box
	{
		display: none;
	}
}

@media (min-width: 320px)and (max-width:667px)
{
	.navbar-top .text-right
	{
		text-align: left !important;
	}
	.navbar-top ul {
    float:left;
 
	}
	.navbar-top ul li {
	    
	    margin-right: 25px;
	    margin-left: 0px;
	}
	.banner_bt
	{
		padding:0px;
	}
	.carousel-caption {
	    height: 127px;
	    top: 10%;
	}
	.navbar-top
	{
		display: none;
	}
	.mt118 {
	    margin-top: 80px;
	}
	
	.client_img img {
	    width:auto;
	}
	.img_width 
	{
	    width: 98%;
	    margin-bottom: 20px;
	}
	.partnership .form-control
	{
		font-size: 1.1em !important;
	}
	.dig_mob_view
	{
	    display: block!important;
	    margin-bottom: 40px !important;
	}
	.dig_desk_view
	{
	    display: none!important;
	}
	.nav-tabs > li 
	{
	    float: none;
	}
	.career_hover
	{
		width:97%!important;
		height:98%!important;
		
		overflow-y: scroll;
	}
	.apply_header
	{
		font-size: 25px !important;
	}
	/*#navbar .log_in_btn, #navbar .green_btn
	{
		display: none;
	}*/
	#navbar .startup_btn, #navbar .green_btn
	{
		display: none;
	}
	.startup_btn
	{
		margin-top: 35px;
		margin-right: 50px;
		padding:7px 10px;
	}
	#navbar .log_in_btn
	{
	    margin-right: 56px;
		margin-top: 35px !important;
    	padding: 5px 13px !important;
	} 

}
@media (min-width: 320px)and (max-width:568px)
{
	.banner_bt
	{
		display: none;
	}
	.carousel-caption h3 {
    font-size: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
	}
	.carousel-caption
	{
		left: 3%;
	    right: 3%;
	}
	.carousel-caption p {
	    color: #fff !important;
	    font-size: 13px;
	    
	}
	.abt_img img {
	    
	    width: 100%;
	}
	.what_we_offer_btn
	{
		width: 100%;
		text-align: center;
	}
	.what_we_offer_btn .floatl, .what_we_offer_btn .floatr
	{
		float: none;

	}
	.what_we_offer_btn .green_btn, .what_we_offer_btn .blue_btn2, .what_we_offer_btn .orng_btn2
	{

	}
	.what_we_offer .offerbox
	{
		height: auto;
	}
	h2
	{
		font-size:28px !important;
	}

	
	.left_box p 
	{
	    text-align: center;
	    padding:0px 50px !important;
	}
	/*.bigbl 
	{
	    width:100% !important;
	}*/
	.bn_bt_nmbr p 
	{
	    font-size: 30px;
	}
	.left_box .heading1
	{
		font-size: 20px;
	}
	#captchaval 
	{
	    width: 80%;
	    margin-bottom: 10px !important;
	    display: inline;
	}
	.msg_box 
	{
	    display: inline-block;
	    margin-left: 0px !important;
	}
	.navbar-brand > img 
	{
	    max-width: 100% !important;
	}
	.navbar-brand 
	{
	    margin-top: 10px;
	    padding: 20px 0px 15px 0px !important;
	    width: 130px;
	    display: flex;
	    align-items:center;
	}
	.upload_cv
	{
		margin-bottom: 15px;
		display: block;
		width: 100%;
	}
	.input-group-btn
	{
		display: block;
	}
	.input-group .form-control
	{
		font-size: 14px !important;
		width: 100%;	
	}
	.mt118 
	{
	    margin-top: 90px !important;
	}

}




@media (min-width: 1025px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  
}  

@media (min-width: 0px) and (max-width: 1024px)
{
	.mt118 {
	    margin-top: 109px;
	}
	.navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        overflow: scroll !important;
       
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
        border-color:#0087e5 !important;

    }
  
	.navbar-header 
	{
    	/*float: right;
   	 	margin-top: -200px;
   	 	z-index: 99999999;*/
	    position: absolute;
	    right: 0;
	    top: 27px;
	    margin-right:0px !important;
	}
	.log_in_btn
	{
		margin-right: 70px;
	}
	.awards.floatr {
	    display: none;
	}
    .navbar-default .navbar-toggle .icon-bar 
    {
	    background-color:#0087e5;
	    color: #fff !important;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover 
	{
    	background-color:#0087e5;
	}
	.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar 
	{
	    background-color: #fff !important;
	    color: #fff;
	}
	
  	.navbar-nav .open .dropdown-menu
	{
		background-color: #00659b !important;
		margin: 5px 0px !important;
		position: static;
        float: none;
        width: auto;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius:3px !important;
		-webkit-border-radius:3px !important;
		-moz-border-radius: 3px !important;
	}
	ul.dropdown-menu li 
	{
	    margin-right: 0px !important;
	    color: #fff;
	    background: transparent;
	    border-bottom: none;
	}
	ul.dropdown-menu li:first-child
	{
		border-top: 0px solid #0087e5 !important;
	}
	.navbar-nav>li>a
	{
		padding: 13px 15px !important;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	 .navbar-default .navbar-nav .open .dropdown-menu > li a:hover
	
	{
		background-color: #0988cb !important;
		color: #fff !important;
	}
	.navbar-default .navbar-nav ul.dropdown-menu li:last-child
	{
	    margin-right: 0px !important;
	    color: #333 !important;
	    background:transparent  !important;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a
	{
		padding: 7px 15px 7px 20px;
		color: #fff !important;
		border-radius:3px !important;
		-webkit-border-radius:3px !important;
		-moz-border-radius: 3px !important;
	}

	.navbar-nav 
	{
        float: none!important;
        margin: 7.5px 10px 7.5px 0px;
    }
	.navbar-nav>li 
	{
        float: none;
    }
	.collapsing 
	{
        overflow: hidden!important;
    }

    .navbar-collapse 
    {
        border-top: 0px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

	.navsoft_header1 p
	{
		font-size: 19px !important;
		text-align: center;
	}
	footer .text-right
	{
		text-align: left !important;
	}
	ul.socialnetwork {
    float: left;
	}
	.socialnetwork li
	{
		padding: 0 23px 0 0px !important;
	}
	.pdr150
	{
		padding-right: 0px !important;
	}
	h1
	{
		font-size: 40px !important;
		width: 100%;
	}
	.carousel-caption
	{
		 height: 150px;
	}
	.carousel-caption h3 {
    
    font-size: 30px !important;
    
    margin: 5px !important;
    padding: 0 !important;
	}
	.carousel-caption p {
    color: #fff !important;
    font-size: 15px;
	}
	.carousel-caption .btn
	{
		font-size: 13px;
	    letter-spacing: 1px;
	    margin-top: 1%;
	    padding: 5px 10px !important;
	}
	.abt_m:after, .abt_v:after
	{
	   display: none;
	}
	.linkzz:last-child {
    margin-bottom: 30px;
	}
	footer ul {
    
    margin-right: 30px;
	}
	
	.hardbrush
	{
		font-size: 13px;
	}
	.big_img 
	{
    	width:100% !important;
	}
	.v_bold
	{
		text-align: center;
	    padding: 0px !important;
	}
	.workinglisting
	{
		padding: 0px 5px !important;
	}
	.partnership .submit_btn, .partnership .cancel_btn 
	{
	    margin-top:30px;
	}
	.lockbox::after
	{
		display: none;
	}
	.loxcy
	{
		margin-bottom: 30px;
	}
	.col-lg-8.col-md-6.col-sm-6.col-xs-12.pl120 
	{
	    padding-left:15px;
	}
	.right_box2 .form-control
	{
		font-size: 1.1em !important;
	}
	.startup_left, .startup_right 
	{
	    width: 100%;
	    float:none;
	}
	.startup_left:after
	{
		display: none;
	}
	.startup_img 
	{
	    min-height: auto;
	}
	.bg_login .ent_tab li a
	{
		font-size: 16px !important
	}
	#owl-demoz.ent_owl .owl-controls .owl-buttons
	{
		display: none;
	}
	.right_box2 .form-control
	{
		padding-left: 7px !important;
	}
}


@media (width:1280px)
{
	.left_box
	{
	    padding-left: 30px;
	}
	.right_box
	{
		padding-right: 20px;
	}
}
@media (width:1024px)

{
	.clintlisting li
	{
		width: 160px;
		height: 160px;
		margin-left: 19px;
		margin-right: 19px;
	}
	.right_box
	{
		display:block;
	}
	.left_box p
	{
		text-align: center;
		padding:10px;
	}
	.left_box
	{
		padding-left:50px;
	}
}
@media (width:980px)

{
	.clintlisting li
	{
		width: 160px;
		height: 160px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.siteinfo
	{
		width: 37%;
	}



}
@media (width:768px)

{
	.clintlisting li
	{
		width: 150px;
		height: 150px;
		margin-left: 17px;
		margin-right: 17px;
	}
}
@media (width:667px)
{
	.clintlisting li 
	{
	    margin-left: 25px;
	    margin-right: 25px;
	}
	
}
@media (width:568px)
{
	.clintlisting li 
	{
	    width: 145px !important;
	    height: 145px !important;
	    margin-left: 16px !important;
	    margin-right: 16px !important;
	}
	/*.bigbl 
	{
	    width: 37% !important;
	}*/
}
@media (width:598px)
{
	.clintlisting li 
	{
	    width: 145px !important;
	    height: 145px !important;
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	}
	/*.bigbl 
	{
	    width: 37% !important;
	}*/
}
@media (width:480px)
{
	.clintlisting li 
	{
	    width: 145px !important;
	    height: 145px !important;
	    margin-left:35px !important;
	    margin-right:35px !important;
	}
	/*.bigbl 
	{
	    width:100% !important;
	}*/
}

@media (width:384px)
{
	.clintlisting li 
	{
	    width: 145px !important;
	    height: 145px !important;
	    margin-left:auto !important;
	    margin-right:auto !important;
	}
	
	
}
@media (min-width: 320px) and (max-width: 360px)
{
	.clintlisting li 
	{
	    width: 145px !important;
	    height: 145px !important;
	    margin: 0px auto 20px;
		float: none;
	}
	.developerzone
	{
		width: 99%;
		margin: 0px auto;
	}
	.dfim1a, .dfim1b 
	{
	    width: 28%;
	}
	.dfim1c 
	{
	    width: 40%;
	}
	.bg_login .frgt_link
	{
		float: left !important;
	}
	.bg_login .submit_btn2
	{
		float: none !important;
		display: block;
	}
	.navbar-fixed-top .navbar-collapse 
	{
	    max-height: auto
	}
}
@media (min-width: 320px) and (max-width: 412px)
{
.clintlisting li {
    width: 145px !important;
    height: 145px !important;
    margin: 0px auto 20px;
    float: none;
}
}


@media (min-width:1201px)
{

}
@media (min-device-width:320px) and (max-device-width:640px) and (orientation:landscape)
{
	.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse 
	{
		max-height: 200px !important;
	}
	
}



