/***mobile retina stuff***/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

  
.jcarousel-skin-tango .jcarousel-next-horizontal {
background: url(../images/retina_images/next@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}



.jcarousel-skin-tango .jcarousel-prev-horizontal {
background: url(../images/retina_images/previous@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}


.jcarousel-skin-tango-clients .jcarousel-next-horizontal {
background: url(../images/retina_images/next@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}

.jcarousel-skin-tango-clients .jcarousel-prev-horizontal {
background: url(../images/retina_images/previous@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}
 /*background size property should always be set after background property ( that contains picture background)*/



#header {
background: url(../images/retina_images/bg1@2x.png) center center no-repeat;
-webkit-background-size: auto  100% ;
-moz-background-size: auto  100% ;
background-size: auto  100% ;
}


.flexslidersmall .flex-direction-nav .flex-next {
background: url(../images/retina_images/next@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}
.flexslidersmall .flex-direction-nav .flex-prev {
background: url(../images/retina_images/previous@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}


.flexslider .flex-direction-nav .flex-next {
background: url(../images/retina_images/next@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}


.flexslider .flex-direction-nav .flex-prev {
background: url(../images/retina_images/previous@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}




/*for background images*/

.maincolumnsblock1 ul li .circle1 {
background: url(../images/retina_images/2small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}

.maincolumnsblock1 ul li .circle2 {
background: url(../images/retina_images/2small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}

.maincolumnsblock1 ul li .circle3 {
background: url(../images/retina_images/3small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}


.maincolumnsblock1 ul li .circle4 {
background: url(../images/retina_images/4small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}

.maincolumnsblock ul li .circle1 {
background: url(../images/retina_images/2small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}

.maincolumnsblock ul li .circle2 {
background: url(../images/retina_images/2small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}
.maincolumnsblock ul li .circle3 {
background: url(../images/retina_images/3small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}
.maincolumnsblock ul li .circle4 {
background: url(../images/retina_images/4small@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}

.blogthumbpicturesidebar{
background: url(../images/retina_images/1s@2x.jpg) top center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}
.blogthumbpicture{
background: url(../images/retina_images/1s@2x.jpg) top center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}


.aboutuscolumns .picture{
background: url(../images/retina_images/team@2x.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
}



/*for background images end*/

}

/***mobile retina stuff end***/




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

.map{ 
display:none;
}
.mapmobile{ 
display:block;
margin-top:21px;
}



.anything{
display:none;
}
}


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

.personicon{
font-size:40px;
 
}



.mainheadlineall .row .c-12 h1{

margin:21px 0 0 0;
}

.promobox h5{
display:none;
}





.mainheadlinedown{
display:none;
}


.view p {
display:none;
}

.view a {
margin-top:21px;
}

.navigation{
display:none;
}
.menuline  {
display:none;
}
.headerbg1  {
background:transparent;
border-top:none;
}


#header-container{
margin-top:200px;
}
.menulinemobile {
margin:0 0 21px 0;
display:block;
}

.logo{
margin:0 auto;
float:none;
}


.mainheadlinebg1{
width:100%;
height:auto;
margin:0 0 42px 0;
background:#E6E6E6;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-bottom:#fff 4px solid;
}


.mainheadline{
text-align:center;
line-height:1.1;
}
.mainheadline1{
text-align:center;line-height:1.6;
}

.mainheadlineall{
width:100%;
height:126px;
margin:0 0 42px 0;
background:none;
text-align:center;
}
.mainheadlineall h1{
text-shadow:none;
padding-bottom:21px;
}


.buttonmain1{
float:none;
margin:21px auto;	
	
}

.maincolumnsblock ul li .circle {
position:relative;
margin:0 auto;
}


.carousel{
display:none;
}


.carouselclients{
display:none;
}




.carouselclientsmobile{
display:block;width:;float:none; margin:0 auto 42px auto;
}


.carouselmobile{
display:block;;width:;float:none; margin:0 auto  42px auto;
}





.icons{
margin:21px auto 0 auto;
}





}




/* paralax slider*/

@media only screen and (max-width: 1020px)  
and (min-width: 768px)

{


.sliderwrapper{
width:100%;
max-width:100%;
font-size:100%;
background: url(../images/bg1.png) repeat;
margin:  0 auto;
}


.da-slider{
	width:100%;
max-width:100%;
       max-height:315px;
	height: 315px;
	position: relative;
      z-index:0;
	margin:0 auto;
	overflow: hidden;
	background: url(../images/bg1.png) repeat;
	 -webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}
.da-slide{
position:absolute;
	width:100%;
max-width:100%;
	height: 100%;
	top: 0px;
	left: ;
text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0;
}



.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img
{
	position: absolute;
	opacity: 0;
	left:0%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}



.da-slide h2,
.da-slide p,
.da-slide .da-link,
.da-slide .da-img
{
	position: absolute;
	opacity: 0;
	left:0%;
}
.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left: 10%;
	opacity: 1;
}

.da-slide h2{
text-transform:uppercase;
font-family:pt sans;
white-space: nowrap;
z-index: 10;
width:auto;

}


.firsth2{
top: 42px;
left:10%;
background:#fff;
padding:7px 21px;
font-size:21px;
}

.secondh2{
top: 42px;
color: #fff;
left:10%;
padding:0;
}

.thirdh2{
top: 90px;
color: #fff;
padding:0;
font-size:17px;
}


.forthh2{
top: 117px;
color: #fff;
font-size:17px;
}



.fifthh2{
top: 42px;
padding:7px 21px;
background:#fff;
font-size:21px;
}

.da-slide p{


}

.firstp{
top: 108px;
font-size:13px;
width:45% ;
color: #fff;
font-style:italic;
line-height:1.6;
height:50% ;
overflow: hidden;
}



.da-slide .da-link{
top: 179px; /*depends on p height*/
font-size:17px;
text-decoration:none;
margin:0 auto;
width:120px;
text-align:center;
float:right;
color:#fff;
cursor:pointer;
border:7px solid #fff;
padding:0 0 2px 0;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;

}
.da-slide .da-link:hover{
color:#fff;

}

.da-slide .da-img{

	
	width: 37%;
	top:7%;
	height: ;
	
	left: 0; /*60%*/
}


.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 10px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;

}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	border-radius:100%;
	background:#fff ;
	margin: 3px;
	cursor: pointer;
background:	
		
}

.da-dots span.da-dots-current:after{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	
}


.paralaximage{
display:none;
}
/* paralax slider  end */



}





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



.sliderwrapper{
display:none;
}

.da-slider{
display:none;
}
.da-slide{
display:none;
}


}



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

  .row .mobile-one1 { width: 25% !important; float: left; padding: 0 10px; }
  .row .mobile-one1:last-child { float: right; }
  .row.collapse .mobile-one1 { padding: 0; }
  .row .mobile-two1 { width: 50% !important; float: left; padding: 0 10px; }
  .row .mobile-two1:last-child { float: right; }
  .row.collapse .mobile-two1 { padding: 0; }
  .row .mobile-three1 { width: 75% !important; float: left; padding: 0 10px; }
  .row .mobile-three1:last-child { float: right; }
  .row.collapse .mobile-three1 { padding: 0; }
  .row .mobile-four1 { width: 100% !important; float: left; padding: 0 10px; }
  .row .mobile-four1:last-child { float: right; }
  .row.collapse .mobile-four1 { padding: 0; }
  .push-one-mobile1 { left: 25%; }
  .pull-one-mobile1 { right: 25%; }
  .push-two-mobile1 { left: 50%; }
  .pull-two-mobile1 { right: 50%; }
  .push-three-mobile1 { left: 75%; }
  .pull-three-mobile1 { right: 75%; } 


.jcarousel-skin-tango .jcarousel-next-horizontal {
right: 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
right: 18px;
}


.dashedline {
margin:0 20px 21px 0;
}



}


@media only screen and (max-width: 319px)
{
.carouselmobile h5{
display:none;visibility:hidden;
}

.carouselmobile h4{
display:none;visibility:hidden;
}

.carouselclientsmobile h4{
display:none;visibility:hidden;
}


}