/******** Responsive code starts here *******/

/******** only small desktops ********/

@media (min-width: 992px) and (max-width: 1199px) {
	
    .footer-logo {
	    width: 100%;
	    float: left;
	    text-align: center;
	}

	.footer-menu {
	    width: 100%;
	    float: left;
	    margin-top: 25px;
	    text-align: center;
	    padding-left: 0px;
	}

	.footer-social {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	    text-align: center;
	    display: block;
	    padding-left: 20px;
	    padding-bottom: 40px;
	}
	
	.footer-menu ul li {
	    border-right: 0px solid #ccc;
	    float: none;
	    padding: 5px 20px;
	    text-align: center;
	}
	
	.footer-social ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    float: none;
	    text-align: center;
	}
	
	.footer-social ul li {
	    float: none;
	    padding-right: 7px;
	    text-align: center;
	    display: inline-block;
	}
  
  	#header-wrap li.nav-item {
	    padding: 0 25px;
	}
	

}



/******** only small tablets ********/

@media (min-width: 768px) and (max-width: 991px) {
	
    .footer-logo {
	    width: 100%;
	    float: left;
	    text-align: center;
	}

	.footer-menu {
	    width: 100%;
	    float: left;
	    margin-top: 25px;
	    text-align: center;
	}

	.footer-social {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	    text-align: center;
	    display: block;
	    padding-left: 20px;
	    padding-bottom: 40px;
	}
	
	.footer-menu ul li {
	    border-right: 0px solid #ccc;
	    float: none;
	    padding: 5px 20px;
	    text-align: center;
	}
	
	.footer-social ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    float: none;
	    text-align: center;
	}
	
	.footer-social ul li {
	    float: none;
	    padding-right: 7px;
	    text-align: center;
	    display: inline-block;
	}
	
	label.job_title {
	    margin-top: 20px;
	}

}

  
/************** ipad ***************/

@media (max-width: 1080px) {
	
	h2 {
	    font-size: 28px;
	}
	
	h4 {
	    font-size: 20px;
	}

	.banner-text h1 {
		font-size: 36px;
		
	}
	
	body.landing-page {
	    background-position: 100% 0px;
	}

	.predtn-header h2 {
	    font-size: 24px;
	}
 
	.report-header h2 {
	    font-size: 44px;
	}
	
	.footer-menu {
	    padding-left: 0px;
	}

	.banner-text h3 {
	    font-size: 28px;
	}
	
	.tq-banner-outer .banner-text h1 {
	    font-size: 60px;
	}
	
	.predtn-header h2 {
	    font-size: 24px;
	}
	
	.explore-text h3 {
	    font-size: 30px;
	}
	
	.explore-text h2 {
	    font-size: 56px;
	}
	
	.predtn-header h2:before {
	    left: -40%;
	}
	
	span.above-number {
	    font-size: 90px;
	}
	
	#header-wrap li.nav-item {
	    padding: 0 25px;
	}
}

/************** ipad nd tab ***************/

@media only screen and (min-width:768px) and (max-width: 1024px) and (orientation : portrait){


   .footer-logo {
	    width: 100%;
	    float: left;
	    text-align: center;
	}

	.footer-menu {
	    width: 100%;
	    float: left;
	    margin-top: 25px;
	    text-align: center;
	}

	.footer-social {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	    text-align: center;
	    display: block;
	    padding-left: 20px;
	    padding-bottom: 40px;
	}
	
	.footer-menu ul li {
	    border-right: 0px solid #ccc;
	    float: none;
	    padding: 5px 20px;
	    text-align: center;
	}
	
	.footer-social ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    float: none;
	    text-align: center;
	}
	
	.footer-social ul li {
	    float: none;
	    padding-right: 7px;
	    text-align: center;
	    display: inline-block;
	}
  
}

/************** iphone roatate***************/

@media (max-width: 767px) {

  .section-padding {
    padding: 50px 0;
  }
  
   .footer-logo {
	    width: 100%;
	    float: left;
	    text-align: center;
	}

	.footer-menu {
	    width: 100%;
	    float: left;
	    margin-top: 25px;
	    text-align: center;
	}

	.footer-social {
	    width: 100%;
	    float: left;
	    margin-top: 20px;
	    text-align: center;
	    display: block;
	    padding-left: 20px;
	    padding-bottom: 40px;
	}
	
	.footer-menu ul li {
	    border-right: 0px solid #ccc;
	    float: none;
	    padding: 5px 20px;
	    text-align: center;
	}
	
	.footer-social ul {
	    padding: 0;
	    margin: 0;
	    list-style: none;
	    float: none;
	    text-align: center;
	}
	
	.footer-social ul li {
	    float: none;
	    padding-right: 7px;
	    text-align: center;
	    display: inline-block;
	}
	
	.report-section-wrap {
	    padding: 70px 20px;
	}
	
	.sds-frst-img img {
	    text-align: center;
	    width: 70% !important;
	    height: auto !important;
	    margin: 0px auto;
	}
	
	.banner-text h3 {
	    font-size: 24px;
	}


	.tq-banner-outer .banner-text h1 {
	    font-size: 54px;
	}
	
	.banner-text h1 span {
	    display: initial;
	}
	
	.explore-text h3 {
	    font-size: 24px;
	}
	
	.explore-text h2 {
	    font-size: 48px;
	}
	
	.header-btn a {
	    padding: 10px 20px 8px;
	    font-size: 16px;
	}
	
	.header-btn {
	    padding-top: 15px;
	}
	
	section.predtn-circle-wrap {
	    display: none;
	}

	section.predtn-slider-wrap {
	    display: block;
	}

	.predtn-header h2:before { 
	    position: relative; 
	    left: 0px;
	    top: -30px;
	}

	.risk-accordian-wrap {
	    display: inline-block;
	    padding: 30px 0px;
	}

	.risk-sol-wrap {
	    display: none !important;
	}


	.banner-circle-wrap {
	    display: -webkit-box;
	    display: flex;
	    position: relative;
	    top: 0px;
	    margin-bottom: 40px;
	}

	.banner-circle {
	    width: 150px;
	    height: 150px;
	    margin-right: 20px;
	}

	.tq-banner-outer {
	    padding: 100px 0px 70px;
	}

	a.et_social_share {
	    font-size: 55px;
	    width: 95px;
	    height: 95px;
	    padding-top: 10px;
	}
	
	label.job_title {
	    margin-top: 20px;
	}
	

	

}

/************** iphone ***************/

@media (max-width: 479px) {

	body.landing-page {
	    background-position: 100% 70px;
	}
	.banner-text h1{
		line-height: 55px;
	}
	.tq-banner-outer .banner-text h1{
		font-size: 55px;
		line-height: 55px;
	}

	.explore-text h2 {
	    font-size: 42px;
	}
	
	.banner-circle {
	    width: 120px;
	    height: 120px;
	    margin-right: 20px;
	}
	
	.header-logo {
	    width: 100%;
	    float: left;
	    text-align: center;
	}
	
	.header-btn {
	    width: 100%;
	    float: left;
	    text-align: center;
	    position: fixed;
	    bottom: 0px;
	    left: 0px;
			z-index: 999;
			display: -webkit-box;
			display: flex;
	    padding: 0px;
	    margin: 0px;
	     -webkit-transition: all 0.8s ease;
	     transition: all 0.8s ease;
	}
	.download-class{
		opacity: 0 !important;
		-webkit-transition: all 0.8s ease;
		transition: all 0.8s ease;
	}
	
	.header-btn a {
	    padding: 15px;
	    font-size: 16px;
	    width: 100%;
	}
	
	.report-form input[type="submit"] {
	    width: 100%;
	}
	
	footer {
	    padding: 30px 0px 80px;
	}
	
}