/*
*Page css..
*/
html,body{
     padding:0px;
     }
	 
html,body{
 background: url(bk.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 

	
}	

.button-box{
	
	    width:403px;
		  height:98px;
}
.button-box img{
	      width:100%;
		  height:100%;
	
	
       }
.content-box
{
  float:left;	 
  width: 403px;
  overflow: hidden;	
  margin-top:15px;	
 height: 234px;
}
.box1{
	
	 background: url(img/boxImages/box.png) no-repeat; 
   -webkit-background-size: 403px 234px;
  -moz-background-size: 403px 234px;
  -o-background-size: 403px 234px;
  background-size: 403px 234px;
}

.box2{
	
	 background: url(img/boxImages/box2.png) no-repeat; 
   -webkit-background-size: 403px 234px;
  -moz-background-size: 403px 234px;
  -o-background-size: 403px 234px;
  background-size: 403px 234px
}

.box3{
	
	 background: url(img/boxImages/box3.png) no-repeat; 
  -webkit-background-size: 403px 234px;
  -moz-background-size: 403px 234px;
  -o-background-size: 403px 234px;
  background-size: 403px 234px
  
}






}
	  
.main-container{
	 width: 1280px;
	 margin-left:auto;
	 margin-right:auto;

}
.fill-container
{
 width:100%;
float:left;

/*height: 353px;*/
	
	
}
.fill-container .row
{
	
	padding-top:140px;
	  
}


.fill-container .row .col-sm-4 .content-box{
	
	margin-top:25px;
}
.fill-container .row .pk-col1
  {
	     
		
	
	
  }

.fill-container .row .pk-col1 > .inn-box{
	

	  
}

.fill-container .row .pk-col2
  {
	    
	   /*
	         padding-left: 16px;
	         max-width:322px;
		   */
	
  }

.fill-container .row .pk-col2 > .inn-box{
	
	
	  
}


.fill-container .row .pk-col3
  {
	    
		
	
	
  }

.fill-container .row .pk-col3 > .inn-box{
	

	  
}

.box1 .leftdiv{
	    float: left;
        width: 166px;
    height: 231px;
    
	
	
}
.box1 .rightdiv{
	float: right;
    width: 232px;
    height: 229px;
    
	
	
}

.box1 .rightdiv .button-hld{
	float:left;
	width:217px;
	padding-top:45px;
	
	
	
}
.box2  .leftdiv{
	float: left;
    /*width: 164px;*/
    height: 174px;
	padding-left: 13px;
	
	
	
	
	
}

.box2 .leftdiv  .button-hld{
	float:left;
	width:164px;
	padding-top:50px;
	
	
	
}


.box2 .rightdiv{
	
	  float: right;
    width: 127px;
    height: 174px;
	
	
}

.box3  .leftdiv{
	float: left;
    /*width: 164px;*/
    height: 174px;
	padding-left: 10px;
	
	
	
	
	
}

.box3 .leftdiv  .button-hld{
	float:left;
	width:164px;
	padding-top:50px;
	
	
	
}


.box3 .rightdiv{
	
	  float: right;
    width: 127px;
    height: 174px;
	
	
}
.button-cover{
	    padding-top: 4px;
        display: block;
}
a.link-marg-top{
	margin-top:27px;
	display:block;
}


@media only screen and (min-width: 992px){
	
	   .container {
        width: 970px;
        }
		.col-sm-4{
			
			 width:100%;
			
		}
		
	.fill-container .row .pk-col1{
		
		
	}
	
	.fill-container .row .pk-col2{
		
		
		margin-top:44px;
	}
	
	.fill-container .row .pk-col3{
		
		margin-top:44px;
		margin-bottom:40px;
	}
	.inn-box{
		 width:405px;
		 margin-left:auto;
		 margin-right:auto;
		
	}
	
	.fill-container .row
{
	
	padding-top:44px;
	  
}
	
	
}



@media only screen and (min-width: 1200px){
	
 .container {
    width: 1170px;
}	
	
}

@media only screen and (min-width: 1300px){
	
 .container {
    width: 1280px;
}
.col-sm-4
{
	width: 33.33333333%;
}	

	.fill-container .row .pk-col2{
		
		
		margin-top:0px;
	}
	
	.fill-container .row .pk-col3{
		
		margin-top:0px;
		margin-bottom:0px;
	}
	.inn-box{
		 width:405px;
		 margin-left:auto;
		 margin-right:auto;
		
	}
	
	.fill-container .row
{
	
	padding-top:140px;
	  
}

	
}




@media only screen and (max-width: 770px) {
	 .container {
     padding-right: 0px; 
     padding-left: 0px; 
	 margin:0px;
   
}
	.main-container{
		 width:100%;
		 position:relative;
		
		
	}

	.col-sm-4{
			
			 width:100%;
			  float: left;
			
		}
		
	.fill-container .row .pk-col1{
		
		
	}
	
	.fill-container .row .pk-col2{
		
		
		margin-top:44px;
	}
	
	.fill-container .row .pk-col3{
		
		margin-top:44px;
		margin-bottom:40px;
	}
	.inn-box{
		 width:403px;
		 margin-left:auto;
		 margin-right:auto;
		
	}
	
	.fill-container .row
{
	
	padding-top:44px;
	  
}

}
@media only screen and (max-width: 412px){
	.inn-box{
		 width:403px;
		 margin-left:auto;
		 margin-right:auto;
		
	 }
	
	
}

@media only screen and (max-width: 370px){
	.col-sm-4
	{
		padding-right: 0px;
	}
	.inn-box{
		 width:98%;
		 margin-left:auto;
		 margin-right:auto;
		
	 }
	.button-box{
		 width:100%;
		 height:88px;
		
	}
.content-box{
	
	
	width:100%;
}

.box1{
	
	 background: url(img/boxImages/box.png) no-repeat; 
   -webkit-background-size: 100% 234px;
  -moz-background-size: 100%  234px;
  -o-background-size: 100%  234px;
  background-size: 100%  234px;
}
.box1 .leftdiv {
    float: left;
           width: 42%;
    height: 231px;
	
   
}
.box1 .rightdiv {
       float: left;
       width: 58%;
    height: 229px;
	
}
.box1 .rightdiv .button-hld {
    float: left;
    width: 98%;
    padding-top: 45px;
	overflow:hidden
}
.box1 .rightdiv .button-hld img{
	width:100%;
}

.box2{
	
	 background: url(img/boxImages/box2.png) no-repeat; 
   -webkit-background-size: 100% 234px;
  -moz-background-size: 100% 234px;
  -o-background-size: 100% 234px;
  background-size: 100% 234px
}

.box3{
	
	 background: url(img/boxImages/box3.png) no-repeat; 
  -webkit-background-size: 100% 234px;
  -moz-background-size: 100% 234px;
  -o-background-size: 100%px 234px;
  background-size: 100% 234px
  
}

.box2  .leftdiv{
	float: left;
    /*width: 164px;*/
	width:58%;
    height: 231px;
	padding-left: 13px;
	
	
	
	
	
}

.box2 .leftdiv  .button-hld{
	float:left;
	width:100%;
	padding-top:50px;
	
	
	
}

.box2 .leftdiv  .button-hld img{
	
	width:100%;

	
	
	
}


.box2 .rightdiv{
	
	  float: right;
    width: 42%;
    height: 174px;
	
	
}


.box3  .leftdiv{
	float: left;
    /*width: 164px;*/
	width:58%;
    height: 231px;
	padding-left: 13px;
	
	
	
	
	
}

.box3 .leftdiv  .button-hld{
	float:left;
	width:100%;
	padding-top:50px;
	
	
	
}

.box3 .leftdiv  .button-hld img{
	
	width:100%;

	
	
	
}


.box3 .rightdiv{
	
	  float: right;
    width: 42%;
    height: 174px;
	
	
}



	
}



