/* 
========================================================================
--------------------TO MAKE RESPONSIVE----------------------------------
------------------------------------------------------------------------ /

------------------------------------------------------------------------ */



@media screen and (max-width: 1600px) { 
	
}

@media screen and (max-width: 1500px) { 
	
}

@media screen and (min-width: 1400px) {
	
}

@media screen and (max-width: 1370px) { 
	
}

@media screen and (max-width: 1300px) { 
	
}

@media screen and (max-width: 1025px) { 
	
}

@media screen and (max-width: 1070px) { 
	.content .container {	  
	  left: calc(50% - 485px);
	}
  
}

@media screen and (max-width: 768px) { 
	
}

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

 }

@media screen and (max-width: 320px) {
  }

/*
========================================================
Maintaining the lower vieport response for video section
========================================================
*/

/*-----Targetting the 800px -----*/

@media screen and (max-width: 1180px) {
	
	.logo-block {
	    padding: 50px 100px 30px;
	 }

/*-----Targetting the 768px -----*/


@media screen and (max-width: 992px) {
    .content .container {
	  left: calc(50% - 375px);
	  height: 450px;
	  top: calc(50% - 225px);
	}

	.logo-block {
	    padding: 70px 70px 60px;
	}

	h1 {
	    font-size: 27px;
	}
}

@media screen and (max-width: 768px) {
	.w-modal .modal-dialog {
	    width: calc(100% - 20px);
	    padding-top: 30px;
	}

	.w-modal .modal-header .close {
	    top: -30px;
	    right: -2px;
	    z-index: 100;
	}

	.logo-block {
	    padding: 40px 35px 40px;
	    margin-bottom: 20px;
	}

	h1 {
	    font-size: 16px;
	    line-height: 1.6;
	    padding: 0 10px;
	}

	.silver-btn span {
	    font-size: 18px;
	}


	.title-block {
	    min-height: 175px;
    	padding: 0px;
	}

	.title-block > div {
	    display: table;
	    width: 100%;
	    height: 175px;
	}

	.title-block::before {
		background-size: contain;
		width: 12px;
	}

	.btn-txt {
		font-size: 15px;
		line-height: 1.5;
    	padding: 5px 20px;
	}

	.w-modal {
		margin-top: 50px;
	}

	.content .container {
	    height: 255px;
	    position: absolute;
	    top: calc(50% - 126px);
	    margin: 0 auto;
	    left: 0;
	    width: 100%;
	    padding: 0px;
	}
	
	.title-block > div > div > h1 {
 		font-size: 16px;
  		color: #555;
  		margin-top: 65px;
  		margin-left: 0px;
	}

	.title-block > div > div > h2 {
  		font-size: 16px;
  		color: #555;
  		text-transform: none;
  		margin-top: 10px !important;
  		margin-left: 0px;
	}
	
	.img-bg::after {
	    width: 207px;
	    height: 368px;
    	display: block;
    	background: url(./../img/bg54n.png) no-repeat;
    	background-position: center center;
    	background-size: contain;
    	position: absolute;
    	content: '';
    	left: calc(50% + 7px);
    	top: calc(50% - 225px);
	}

}
@media screen and (max-width: 480px) {
 	.title-block {
	    min-height: 175px;
    	padding: 0px;
	}

	.logo-block {
	    padding: 35px 35px 35px;
	}
	.title-block > div > div > h1 {
 		font-size: 16px;
  		color: #555;
  		margin-top: 65px;
  		margin-left: 0px;
	}

	.title-block > div > div > h2 {
  		font-size: 14px;
  		color: #555;
  		text-transform: none;
  		margin-top: 10px !important;
  		margin-left: 0px;
	}
	.btn-txt {
		font-size: 14px;
		line-height: 1.5;
    	padding: 5px 20px;
	}
	.footer {
		position: fixed;
		bottom: 20px;
		text-align: center;
		width: 100%;
		font-size: 15px;
    	line-height: 1.5;
    	color: #444;
	}
}


/*-----Targetting the iPhone 6 plus and similar viewport-----*/

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

 }

/*-----Targetting the Samsung Gallaxy Note and similar viewport-----*/

@media screen and (max-width: 400px) {
   
}

/*-----Taretting the BlackBerry Z10, Google Nexus 4 and similar viewport-----*/

@media screen and (max-width: 384px) {
  
}

/*-----Taretting the iPhone 6 and similar viewport-----*/

@media screen and (max-width: 375px) {
		.footer {
		position: fixed;
		bottom: 20px;
		text-align: center;
		width: 100%;
		font-size: 15px;
    	line-height: 1.5;
    	color: #444;
	}
 
}


/*-----Taretting the BalckBerry Z30, Samsung Gallaxy Note,Samsung Gallaxy Note II, Google Nexus 5 and similar viewport-----*/

@media screen and (max-width: 360px) {
  
}

/*-----Taretting the iPhone 3gs iPhone 4, iPhone 5, Google Nexus S and similar viewport-----*/

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

	.img-bg::after {
	    width: 160px;
	    height: 175px;
    	display: block;
    	background: url(./../img/bg54n.png) no-repeat;
    	background-position: center center;
    	background-size: contain;
    	position: absolute;
    	content: '';
    	left: calc(50% - 10px);
    	top: calc(50% - 145px);
	}

	.title-block > div > div > h1 {
 		font-size: 14px;
  		color: #555;
  		margin-top: 65px;
  		margin-left: 0px;
	}

	.title-block > div > div > h2 {
  		font-size: 14px;
  		color: #555;
  		text-transform: none;
  		margin-top: 10px !important;
  		margin-left: 0px;
	}

	.btn-txt {
		font-size: 14px;
		line-height: 1.5;
    	padding: 5px 5px;
	}
	.logo-block {
    	padding: 55px 35px;
    	margin-bottom: 0px;
}

	.content .container {
	    height: 255px;
	    position: absolute;
	    top: calc(50% - 126px);
	    margin: 0 auto;
	    left: -8px !important;
	    width: 100%;
	    padding: 0px;
	}
	.footer {
		position: absolute;
		bottom:0;
		text-align: center;
		width: 100%;
		padding-bottom: 10px;
		font-size: 14px;
    	line-height: 1.5;
    	color: #444;
	}
 
}