/*
* ------------------------------------------------------------------
*
* Project: 
* Version: 1.0
* Created : 22/09/2020
* Template URI: www..com
* Author Name: Shelley C Antony
* Author URI: http://www.shellinecorporation.com/
* Description: Oil And Gas trading
* Developer: Shelline Corporation
*
*
* -------------------------------------------------------------------
*/
/* Show in Large desktops and laptops */
@media (min-width: 1024px){ 
  .pt-md-100 {
  	padding-top: 100px;
  }
  #home-quiz .modal.show .modal-dialog {
  	min-width: 60% !important;
  }
}
@media (min-width: 1600px) {
  p, a {
      font-size: 18px;
    line-height:25px;
  }
  .h1, h1 {
  	font-size:40px !important;
  }
}
@media (min-width: 1601px) and (max-width: 1920px) {
#subheader {
    min-height: 669px !important;
}
}
@media (min-width: 1481px) and (max-width: 1600px) {
	#subheader {
min-height: 535px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1480px) {
    .cs-testi-sect-cont p {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }
    .cshcone {
        margin-top: -119px;
    }
    .cshctwo {
        margin-top: -182px;
    }
    .cshcthree {
        margin-top: -206px;
    }
    .cshcfour {
        margin-top: -182px;
    }
    .cshcfive {
        margin-top: -124px;
    }
    .resultBg {
        padding-top: 61px;
        margin: 0 auto 0;
    }
    .cs-testi-sect .testimg {
        position: absolute;
        top: -170px;
        left: -65px;
    }
    .cs-testi-sect {
            padding-top: 50px;
    }
}
/*Hide in Other Small Devices */
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.cs-testi-sect-cont p{
    padding-left: 5px;
    padding-right: 0;
    font-size: 14px;
}
.cs-testi-sect .testimg {
    top: -150px;
    left: -50px;
}
	.cs-offerbg {
    padding-top: 0px;
	}
	.cshcone {
    margin-top: -102px;
}
.cshctwo {
    margin-top: -154px;
}
.cshcthree {
    margin-top: -171px;
}
.cshcfour {
    margin-top: -151px;
}
.cshcfive {
    margin-top: -115px;
}
.resultBg {
    padding-top: 0px;
    margin: 0 auto 0;
    }
}

@media (min-width: 1024px) {
  #menu-mobile_menu-container {
  	display: none;
  }
   #home-quiz .modal-dialog {
  	min-width: 60% !important;
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 769px) and (max-width: 991px) {
}
/* Landscape phones and portrait tablets */
/* Portrait phones and smaller */
@media (max-width:768px) {
  .cm-how-1, .cm-how-3 .step-content, .cm-how-2 .step-content, cm-how-4, .cm-how-2, .cm-how-3 {
  	background-image: none !important;
  }
.container-how {
    max-width: 100%;
    padding: 25px;
    }
	.cs-offerbg {
		background-position:center left;
    background-size: cover;
	padding-top: 74px;
	}
	.cs-how-proc {
    padding-top: 100px;
    }
    .cs-how-proc h3 {
    margin-bottom: 50px;
    }
	.cs-testi-sect .testimg {
    position: unset;
    top: 0;
    left: 0;
	display: block;
}
.cs-abt p {
    padding-top: 0px;
}
.cs-testi-sect {
    background-size: cover;
    padding-top: 109px;
	    height: auto;
		    padding-bottom: 140px;
}
.resultBg {
        background-position: center left;
    background-size: cover;
	padding-top: 20px;
	padding-bottom: 20px;
}
	.cs-how-proc {
    background-repeat: repeat-y;
	    background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBgYHBgkHBwkNCAcIDQ8LCQkLDxEODg8ODhERDQ4ODg4NEREUFBYUFBEaGhwcGhomJiYmJisrKysrKysrKyv/2wBDAQkICAkKCQwKCgwPDA4MDxMODg4OExUODg8ODhUaExERERETGhcaFhYWGhcdHRoaHR0kJCMkJCsrKysrKysrKyv/wAARCAAoBkADASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAEGB//EABQQAQAAAAAAAAAAAAAAAAAAAAD/xAAYAQEBAQEBAAAAAAAAAAAAAAAAAQUGB//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/ANMijpnnqAKAACKAgACKCoAAAAiooAAAAgqCgCiAAAAgAoACCooIoCAAIoqoAggqKAAIKgoAogqAgqAACoKigigIAKgqKAAIACCoKAKIKgqCoAAogAIKgoigIAogqCiKigACACoKgCKKIAKgqAgqKCKCoACCooIoKgAIACCoqiKAiKKIACCoKIoCAKIAKIooiKAgAqCoAiooACoAogqCiKAgAIKiqgqAIoCACoKigigIAogqCoKgAAIAqoKgCKKIAKIqAAAgCgigqAAgqKCKCoACCoDoADDYYigIAoAAIoCAAIoKgAACiCoAAAigIAKIoogACKAgAoACAKIKgAACKKqAIIKigigIAKIoogAIKgoigIAoIqAACoKigigIAKgqAIoogAqCoAiiiACoAAiooAAgqCoKigigIAKgqAIqKAAqCoCCooIoKgAIAoIoKiKAgCiCoKIoCIoogAqCoAiooIoKgAIKiiCoKIoCAAgqKCKCoAogAqCoAACAKqCoAigIAqoACCoAAqoACCoAigIAqoKgCKKIAKgqAIoCAKoioAigIAoIoKgAN+Aw2GAAgCgAAACAAAAgAoAAAogAAACAKAKCAAAAgAACiAAAogAAAqAKAAIAAgCgCggAIAAAogAAKIAAgCgCggAIAoAAgKCAKAKCAAgCgAIAoIAoACAKCAKIAACiAAIAogKAACAKICgACACiAAgKAAqAAICgAKgAIAoIAoACAKIAKIAACiACiAAgKoACAAICqIAAAIAAgKoACAKCAKIAAACAqgAIAAgKAAqAAIAACqgACAAAoIAr/9k=');
		padding-bottom: 51px;
	}
		.how-proc-list li{
    width: 48%;
		
	}
	.cs-how-proc .arc{
		display:none;
	}
	.cshcone{
		margin-top:0px;
	}
	.cshctwo{
		margin-top:0px;
	}
	.cshcthree{
		margin-top:0px;
	}
	.cshcfour{
		margin-top:0px;
	}
	.cshcfive{
		margin-top:0px;
	}
            }
@media (min-width:581px) {
   .nw-main input[type="email"] {
    	width: 400px !important;
  }
  .ct-details .ct-mail a {
    font-size:22px !important;
}
}
@media (max-width:580px) {
   .nw-main input[type="email"] {
    	width: 100% !important;
  }
  .social-icons {
  	margin-top: 50px;
  }
  .ct-details .ct-mail a {
    font-size: 15px !important;
}
  .ct-details .ct-mail a {
  font-size: 22px !important;
}
  .social-icons-home {
  	margin-top: auto !important;
  	margin-bottom: auto !important;
  }
  .social-icons-home .social-icons {
  	position: relative !important;
  }
		.how-proc-list li{
    width: 98%;
		
	}
	.cs-how-proc {
    background-position: right top;
		    padding-top: 114px;
			
	}
            }
@media (max-width:480px) {
  .banner-right {
  	background: none !important;
  }
  .banner-slides .btnCommon {
  	font-size: 13px !important;
  }
  .contactimgHome {
  	width: 50px !important;
  }
  .banner-left .btnCommon {
  	font-size: 13px !important;
  }
  .home-banner .banner-right {
    background-image: none!important;
}
  .ct-details {
    top: 15% !important;
    z-index: 9999;
    left: 0 !important; 
}
}