#tcs p{color:#818181}
	@media only screen and (min-width : 1024px) and (max-width : 1400px) and (orientation:portrait) { #deskdis p{    margin-top: -108px!important;
    font-size: 10px;
    color: #fff;
    line-height: 12px; }
   
.center img{
    margin-top: 91px;
    margin-left: -14px;}

     }
	 	@media only screen and (min-width : 1025px) and (max-width : 1300px)  {.center img{
       margin-top: 97px;
    margin-left: -22px;}
	#deskdis>p{      margin-top: -133px!important;
    color: #fff;
    margin-left: -62px;
    font-size: 10px;
	}
	
	}
	 
	 
	 
	 
	 
	 	@media only screen and (min-width : 1400px) and (max-width : 1566px)  {.center img{
       margin-top: 33px;
    margin-left: -22px;}
	#deskdis>p{        margin-top: -166px!important;
    color: #fff;
	}
	
	}

	@media only screen and (min-width : 1300px) and (max-width : 1400px)  { #deskdis>p{        margin-top: -173px!important;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin-left: -57px; 
}

.center img{
       margin-top: 33px;
    margin-left: -22px;}


}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation:landscape) { #deskdis>p{ margin-top: -137px!important;
    font-size: 10px;  } 

.center img{
    margin-top: 91px;
    margin-left: -14px;}}

    @media only screen and (min-width : 766px) and (max-width : 768px) { #deskdis p{       font-size: 10px;
    line-height: 10px;
    margin-top: -97px!important;
    margin-right: 2px;   } 
.center img{
    margin-top: 135px!important;
    margin-left: -21px;}

#mobjoin{    margin-top: -1111px!important;}
#mobdis{    padding: 10px 100px!important;
   
    margin-top: -485px!important;}

    .steps{    margin-top: -404px!important;}
}


@media only screen and (min-width : 1430px) and (max-width : 1450px) {
  .center img{  margin-top: 8px;}
}


@media only screen and (min-width : 1201px) and (max-width : 1290px) {.center img{
       margin-top: 36px;
    margin-left: -27px;}

#deskdis p{ 
        margin-top: -173px!important;
    color: #fff;
    margin-right: 20px;
    margin-left: 2px;}


}
@media only screen and (min-width : 1900px) and (max-width : 1950px) {.center img{
        margin-top: -42px;
    margin-left: -6px;}
}
body{background-color: #2B2B2B}
p{color: #fff}

@media only screen and (min-width : 100px) and (max-width : 980px){

#fooottxt{width:33%!important;}
.desktop{display: none!important
}
.mobile{display: block!important}

#moblog{    position: absolute;
    margin-top: -126px;}
}
@media only screen and (min-width : 300px) and (max-width : 350px){#fooottxt{width:38%!important;}
    
    #mobjoin{margin-top:-488px!important;}
    #mobdis{    margin-top: -237px!important;}
    .steps{    margin-top: -170px!important;}
}


@media only screen and (min-width : 100px) and (max-width : 980px) and (orientation:landscape){#mobjoin{margin-top:-940px!important;}
#mobdis{    padding: 11px 100px!important;
  
    margin-top: -409px!important;
}

.steps{    margin-top: -344px!important;}



}
        @viewport{
            zoom: 1.0;
            width: extend-to-zoom;
        }
        @-ms-viewport{
            width: extend-to-zoom;
            zoom: 1.0;
        }