/*---------- responsive queries start-------------------*/
@media screen and (min-width: 600px)
{
	.login-box {
   	 width: 500px;
	}
}

@media (min-width: 1368px)
{
.container 
	{
   	 	max-width: 1176px;
	}

}
@media (min-width: 1559px)
{
	.container 
	{
   	 	max-width: 1400px;
	}
	.col7-custom img {
    margin-bottom: -250px;
	}
}
@media ( min-width :1600px) {
	.container {
		max-width: 1440px;
	}
}

@media screen and (max-width: 1598px)
{
.choose-content p {
	    white-space: inherit;
	}
	.main li img
	{
		left: 0
	}
	.slider-section {
    	padding: 204px 0 164px 0;   
	}
	.dynamic-des p br
	{
		display: none;
	}
}

@media screen and (max-width: 1399px)
{
	.choose-content p {
	    white-space: inherit;
	}
	.banner-section {
    	padding: 100px 0px 0px 0px;
	}
	.network-item h5:before {
   		 width: 25%;
   		 left: -27%;
	}
}
@media screen and (max-width: 1368px)
{
		.main li {
    width: 250px;
    height: 250px;
	}
	.main li:nth-child(2) {
    width: 284px;
    height: 284px;
	}
	.main li:nth-child(3) {
    width: 331px;
    height: 331px;
	}
	.main li:nth-child(4) {
    width: 388px;
    height: 388px;
	}
	.main li:nth-child(5) {
    width: 450px;
    height: 450px;
	}
	.main li:nth-child(6) {
    width: 510px;
    height: 518px;
	}
	.slider-section {
	    padding: 204px 0 104px 0;
	}
}
@media screen and (max-width: 1200px)
{

	.network-content h5:before {
  	 width: 20%;
    left: -22%;
	}
	.section-title.col-md-7.offset-md-5 {
	    margin-bottom: -90px;
	}
	.caption-head {
    font-size: 40px;
    line-height: 50px;
	}
	.slider-carousel,.slide1,.slide2  {
    height: 600px;
	}
	.work-section .work-content p
	{
		white-space: inherit;
	}
	header li.nav-item {
    margin: 0 15px;
	}
	.banner-section h1 {
    font-size: 40px;
   	 line-height: 60px;
	}
	.banner-section {
    	padding: 80px 0px 0px 0px;
	}
	.login-section .login-info 
	{  
   	 margin:0 50px ;
	}
	.login-info h1 {
    font-size: 40px;
    line-height: 50px;
	}
	.login-info p
	{ 	font-size: 16px;
	    line-height: 24px;
	}
	.section-title {
    font-size: 30px;
    line-height: 40px;
	}
	.section-title span
	{
		font-size: 32px;
	}
	.network-content .section-title
	{
		margin-bottom: 25px !important;
	}
	.font-20 {
    font-size: 18px;
    line-height: 30px;
	}
	.network-item h5:before {
    width: 21%;
    left: -23%;
    top:31%;
	}
	.network-img {
  		  max-width: 300px;
	}
	.img-network
	{
		width: 185px;
	}
	.testimonial_box-top {
    	margin-top: 80px;
	}
}
@media screen and (max-width: 1024px)
{
	.py-104 {
   	 padding: 50px 0px;
	}
	.pt-104
	{
		padding-top: 50px;
	}
	.pb-104
	{
		padding-bottom: 50px;
	}
	.pb-74
	{
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 991px)
{
	
	.slider-section {
   	 padding: 250px 0 80px 0;
	}
	.network-content h5:before {
	  	 display: none;
		}
		.right-main {
	     padding-top: 400px;
	}
	.network-content {
     padding-top: 0px; 
	}
	header li a.nav-link
	{
		margin-bottom:10px;
	}
	header li.nav-item {
    margin: 0;
	}
	.slider-carousel,.slide1,.slide2  {
    height: 750px;
	}
	.feature-section .border-right
	{
		border-right: none !important
	}
	header .navbar-collapse {
    position: absolute;
    background-color: #f8f8fa;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 3px 20px 0 rgb(0 0 0 / 25%);
    width: 100%;
    top: 60px;
	}
	header button.navbar-toggler[aria-expanded="true"] i:before
	{
		content: "\f00d"
	}
	header button.navbar-toggler[aria-expanded="true"] .cross-img
	{
	    display: inline-block;
	}
	header button.navbar-toggler[aria-expanded="true"] .toggle-img
	{
	    display: none;
	}
	.banner-section {
    	padding: 50px 0px 0 0px;
	}
	.user_image {
	    max-width: 320px;
	    height: 335px !important;
	}
	.network-content .section-title
	{
		margin-bottom: 20px !important;
	}
	.section-title {
    font-size: 30px;
    line-height: 40px;
	}
	.user_image img
	{
		width: 150px;
		height: 150px;
		object-fit: cover
	}
	.page-header {
    padding: 40px 0 50px 0;
	}
	.network-item h5:before
	{
		display: none;
	}
}
@media screen and (max-width: 767px)
{
	.caption-head {
    font-size: 34px;
    line-height:38px;
	}
	.slider-carousel,.slide1,.slide2  {
    height: 750px;
	}
	.banner-content p {
	    font-size: 16px;
	    line-height: 24px;
	}
	.video-section iframe
	{
		height: 300px;
	}
	.network-item h5:before
	{
		display: none;
	}
	.network-content
	{
		padding: 20px;
	}
	.sub-head {
   	 	font-size: 22px;
    	line-height: 30px;
	}
	.font-20 {
    font-size: 17px;
    line-height: 28px;
	}
	.section-title {
    font-size: 27px;
    line-height: 34px;
	}
	.section-title span {
    font-size: 28px;
	}
	.network-item h5 {
    font-size: 21px;
    line-height: 28px;
	}
	.login-section .login-info {
    margin: 0 25px;
	}
	.login-info h1 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
	}
	.login-info p
	{
		text-align: center;
	}
}
@media screen and (max-width: 575px)
{
	.video-section iframe
	{
		height: 250px;
	}
	.banner-section ,.about-section{
    padding: 50px 0px;
	}
	.col7-custom img {
	     margin-bottom: 0px;
	}
	.main {
    left: 85%;
	}
	.main li {
    width: 180px;
    height: 180px;
	}
	.main li:nth-child(2) {
    width: 215px;
    height: 204px;
    top: -30px;
	}
	.main li:nth-child(3) {
    width: 220px;
    height: 220px;
    top: -61px;
    right: -2px;
	}
	.main li:nth-child(4) {
    width: 245px;
    height: 245px;
    top: -93px;
    right: -5px;
	}
	.main li:nth-child(5) {
    width: 280px;
    height: 280px;
    top: -130px;
    right: -20px;
	}
	.main li:nth-child(6) {
    width: 310px;
    height: 310px;
    top: -171px;
    right: -20px;
	}
	.right-main {
    padding-top: 260px;
	}
}
@media screen and (max-width: 360px)
{
	.main {
    left: 96%;
	}
}
/*---------- responsive queries end-------------------*/