/*kiran css start*/
@media only screen and (max-width:980px){
.left-block1{width: 100%;}
.right-block1{width: 100%;}
.servside-imgs{background:none;}
.ser-min-hight{min-height:auto;}
.tabhorizontal-t-c{text-align:center;}
.tabhorizontal-t-p20{padding-top:20px;}
.tabhorizontal-b-p20{padding-bottom:20px;}
.blog-min-hight{min-height:auto;}
.blog-min-hight2{min-height:auto;}
.blog-li li{width: 100%; margin-bottom:2%;}
.blog-lgline2 {height: 1px; width: 100%; background-color: #36a5ed; margin-left: 0px;}
.servside-imgs{margin-right:0px;}
}
@media only screen and (max-width:800px){
.left-block2{width: 100%;}
.right-block2{width: 100%;}
.con-min-hight2{min-height:auto;}

}

@media only screen and (max-width:750px){
.blog-details2 h4 {
    font-size: 16px;
    line-height: 38px;
    color: #353434;
    font-family: 'Montserrat-Medium';
    background-color: #ffb512;
    display: inline-block;
    padding: 0px 20px;
    margin-left: 0px;
}
.width100{width:100% !important;}

}


@media only screen and (max-width:640px){
.mobile-t-p20{padding-top:5px;}
.mobileb-p8{padding-bottom:8px;}
.blog-box2 {
    display: inline-flex;
    flex-wrap: nowrap;
	padding:20px 0px 20px 20px!important;
}
.width100{width:100% !important;}

}
@media only screen and (max-width:380px){
.mobile-pad15{padding:15px;}
.width100{width:320px !important;}
.con-min-hight{min-height:350px;}

}
/*kiran css end*/

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

.container {
	padding-right: 15px;
    padding-left: 15px;
}

}


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

			/* header section */
			
.main, .header-line  {display: none;}

.menu { margin: 5px 0px 10px 0px;  align-items: initial;}

.contact-menu { background-image: none; padding: 0px;}

.contact-menu a, .contact-menu a:hover {color: black;}

.logo {transform: translateY(0px); padding: 10px 0px;}

.dropdown-menu.show {height: 210px; overflow-y: scroll;}

		/* banner section */

.banner-sec { margin-top: 86px;}

.banner-sec img {height: 22vh; object-fit: cover;}

		/* service section */

.service-sec {padding-top: 40px; padding-bottom: 40px;}

.service-heading h2 {font-size: 30px; margin: 0; line-height: 30px;}

.work {margin-top: 20px;}

		/* about section */

.about-sec {background-image: none; padding-top: 0px; padding-bottom: 0px; margin:25px 0px 15px 0px}


		/* core section */
		
.core-content {padding: 10px 0px;}

.core-content h4 {margin: 0;}

		/* client section */
		
.client-sec {margin-top:40px; margin-bottom:40px;}
		
.client-box {margin-bottom:30px;}
		
.client-sec .owl-theme .owl-nav, .premiumleft, .premiumright {display:none;}


		/* Blog section */

.blog-sec {padding-top: 40px; padding-bottom: 15px;}

.blog-box {display: initial;}
.blog-box2 {display: initial;}

.rapid-pro {padding-bottom: 0px;}

.blog-icon {margin-top: 20px;}

.blog-icon img {width: 100% !important; margin: 0px auto;}

.blog-details {padding:20px 0px 0px 0px}
.blog-details2 {padding:20px 20px 20px 20px;}

.blog-details h4 {margin-left: 0;}


		/* Get Help SECTION CSS */

.help-sec {	
	position: initial;
	transform: translateY(0px);
	 border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	text-align: center;
	padding-top: 30px;
    padding-bottom: 15px;
}

.help-heading h2 { font-size: 22px; line-height: 30px;}

.help-heading p {font-size: 14px; line-height: 20px;}

.help-theory {justify-content: center; margin-top: 20px; align-items: end;}

.help-theory p { margin-bottom: 10px;}

.help-theory a {font-size: 20px;}

/* FOOTER SECTION CSS */

.footer-sec {
    background-image: url(../images/footer-bg.jpg);
    background-repeat: repeat;
    background-position: initial;
    background-size: initial;
   padding: 20px 0px 20px 0px;
}

.footer-menu h4 {margin-top: 10px;}

/* ABOUT PAGE RESPONSIVE CSS STARTS HERE */

.inner-banner {margin-top: 86px;}

.innerban {height: 15vh; object-fit: cover;}

.inner-heading {bottom:-8% ; left: 6%;}

.inner-heading h2 {font-size:25px;}

.inner-heading img {display: none;}

.about-coresec { margin-bottom: 20px;}

.about-coresec p{ margin: 0px;}

}


@media screen and (min-width:568px) and (max-width:740px){  

		/* banner section */

.banner-sec img {height: 70vh; object-fit: cover;}

.inner-banner img {height: 40vh; object-fit: cover;}

		/*About  banner section */
		
.inner-heading {bottom: 11%; left: 4%;}

.inner-heading h2 {font-size: 35px;}

}


@media screen and (min-width:720px) and (max-width:760px){  

		/* banner section */

.banner-sec img {height: 54vh; object-fit: cover;}

}

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

.header-top-right ul li {padding: 0px 10px;}

.header-top-right ul li:last-child { padding: 0px 0px 0px 10px;}

.header-top-right ul li a {font-size: 13px;}

.quest-call {font-size: 11px;}

.logo {transform: translateY(-10px); margin-top:0px;}

.menu li {margin-left: 5px;}

.menu a {font-size: 13px;}

		/* service section */
		
.service-sec {padding-top: 40px; padding-bottom: 40px;}

.service-box {padding: 25px 15px;}

.service-box p {font-size: 12px;}

		/* core section */
		
.core-content {padding: 10px 0px;}


/* ABOUT PAGE RESPONSIVE CSS STARTS HERE */

.about-coresec { margin-bottom: 20px;}

.innerban {height: 22vh; object-fit: cover;}

.inner-heading {bottom: 21%; left: 8%;}

}

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

.banner-sec img { height: 30vh; object-fit: cover;}

		/* client section */
		
.client-sec .more {margin-top: 30px;}
		
.premiumleft {left: 43%; top: auto; bottom: 0;}

.premiumright {right: 43%; top: auto; bottom: 0;}

		/* Blog section */

.blog-sec {padding-bottom: 20px;}


		/* Get Help SECTION CSS */

.help-sec {	
	position: initial;
	transform: translateY(0px);
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}

.help-heading h2 { font-size: 24px;}

.help-heading p {font-size: 12px;}

.help-theory a {font-size: 19px;}

	/* FOOTER SECTION CSS */

.footer-sec {
    padding: 40px 0px 30px 0px;
}

}


@media screen and (min-width:1024px) and (max-width:1133px){ 

.blog-details h5 {margin-top: 15px;}

.blog-details p {font-size: 12px; line-height: 18px;}


/* ABOUT PAGE RESPONSIVE CSS STARTS HERE */

.inner-heading {bottom: 22%; left: 6%;}

}

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

.inner-heading {left: 12%;}

}

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

.inner-heading {left: 16%;}

}


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

.inner-heading {left: 21%;}

}