/* ---------------------------------- Responsive Media Styles ---------------------------------*/



@media (min-width: 1200px) {
	
	.container-productdetail { max-width: 1200px}
	 
}

 

@media only screen and (min-width: 769px) {
	 
	 /* .tophead .tophead-right .dropdown-menu { display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top:180%;  }
	.tophead .tophead-right  .dropdown-toggle:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
	 
	 .navbar .nav-item .dropdown-menu {  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; top: 180%  }  
	.navbar .nav-item:hover .dropdown-menu { transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }   */

}





/* Medium : 647px */

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
     
}

/* Small : 320px */

@media screen and (max-width: 575px) {
	/* .discover-items { padding: 2px 5px; } */
	/* .tophead-right a p { font-size: 10px;} */
	/* .herosection-layer { display: block;} */
	/* .moblogo { height: 20px;} */
	.btn-outline-head { font-size: 11px;}
	.btn-outline-head img { top: 8px;}
	.banner-share-mail input { height: 38px; font-size: 15px;}
	.btn-enter { padding: 8px 0px; font-size: 13px;}

	/* .btn-outline-head i { font-size: 11px; margin-left: 0px;} */
	.banner-head-content h1 small { font-size: 22px;}
	.banner-head-content p { font-size: 12px; line-height: 18px;}
	.banner-head-content p span { font-size: 16px;}
	.banner-share-mail { padding-top: 35px;}
	.happy-cust-area p { font-size: 18px;}
	/* .happy-sponsers ul li {display: inline-block;} */
	.happy-sponsers ul li a img { height: 40px;}
	.happy-sponsers ul li { line-height: 50px;}
	.happy-sponsers ul { display: block;}
	.managing-contractual-worker { margin-top: 25px;}
	.managing-contractual-worker h1{font-size: 15px;}
	.managing-contractual-worker img { left: 0px; top: -26px;}
	.happy-cust-area { padding: 25px 20px;}
	.book-demo h1 { font-size: 17px;}
	.book-demo  { padding: 0px;}
	.btn-book-demo { padding: 8px 0px; font-size: 12px;}
	.manage-area-bg { padding: 15px; height: auto; background-size: cover;}
	.manage-area-covr { padding: 20px;}
	.manage-area-covr .border-left-div h1 { font-size: 18px; line-height: 28px;}
	.btn-book-demo-outline img {top: 13px;}
	.manage-listing { margin-bottom: 5px;}
	.manage-listing p {font-size: 12px;}
	.manage-area-list { height: 100%; padding: 25px;}
	.trust-us-section { padding: 20px 0px;}
	.trust-head h1 span { font-size: 20px;}
	.trust-head h1 { font-size: 20px;}
	.presence-head h2{ font-size: 24px;}
	.presence-text p { font-size: 13px;}
	.trust-card { padding: 10px 15px; margin-bottom: 26px;}
	.sharp-n-sleek-sec { padding-top: 30px; margin-top: 0px; padding-bottom: 0px;}
	.sharp-n-sleek-sec .trust-head h1 span { font-size: 20px;}
	.trust-head p { font-size: 13px;}
	.sharp-n-sleek-bg { padding: 30px 0px; margin-top: 0px;}
	/* .sharp-n-sleek-img { height: 135px;} */
	.scale-section { padding: 20px 0px; background-size: 323px;}
/*	.scale-img img { height: 240px;}*/
	.contact-head h1 { font-size: 15px; margin-top: 70px;}
	.contact-head p { font-size: 12px;}
	/* .contact-us-section { min-height: 385px;} */
	.btn-contact { font-size: 12px;}
	.with-360 {padding: 30px 0px;}
	/* .presence-img { height: 290px;} */
	.footer-logo-img { height: 25px;}
    /* footer { padding: 25px 0px;} */
	.tophead-right-menu li a {color: #000;}
	.tophead-right-menu li { line-height: 30px;}
	.talk-head h1 { font-size: 30px;}
	.talk-to { padding: 35px 0px; height: auto;}
	.leave-sms-box h2 { font-size: 15px;}
	.leave-sms-box { padding: 25px 15px; margin-right: 0px;}
	.leave-input textarea { height: 100px;}
	.talk-in-head h1 { font-size: 35px;}
	.talk-in-head p { font-size: 15px; padding-top: 25px;}
	
	/* .top-banner { mix-blend-mode: none;} */
	/* .top-banner { margin-top: 20px;} */
	
	.noflexwrap, .flex-inherit-mob { flex-wrap: inherit; overflow-x: scroll;}
	.contact-sec { padding: 20px 0px;}
	.happy-customer-bg { padding: 20px 0px; padding-bottom: 0px !important;}
	.footer-text { margin-top: 0}


	/* ===================================== */
	.moblogo { background-color: transparent;}
	.get-link-area { background-color: transparent;}
	header { background-color: #15154E;}
	.work-force-list ul li p { font-size: 11px;}
	.work-force-list ul li { line-height: 18px;}
	.work-force-list ul li p img {height: 8px;}
	.banner-touch-head h2 { font-size: 20px;}
	.touch-in-input label { font-size: 12px;}
	/* .touch-in-input input { height: 30px;}
	.touch-in-input .input-group-prepend .btn { height: 30px;} */
	.btn-send { padding: 8px 0px; font-size: 12px;}
	.work-force-list ul { margin-left: 0px;}
	.touch-in-input textarea { height: 65px;}
	.attendance { margin: 0px;}
	#accordion .btn-link { font-size: 15px;}
	#accordion .card-body p { font-size: 12px;}
	#accordion .card-header .accorddown {height: 3px;}
	#accordion .card-header .collapsed .accordup { height: 10px;}
	.attendence-sec-img img { height: auto;}
	.splash-head h1 { font-size: 20px !important;}
	.splash-head h1 span { font-size: 20px !important;}
	/* .first-scale-sec { padding: 20px 0px;} */
	.time-tracking-list ul li p { font-size: 12px;}
	.time-tracking-list ul li p img { height: 20px;}
	/* .platform-features { padding: 20px 0px;} */
	.feature-field-box { font-size: 16px; margin-bottom: 15px;}
	.feature-mobile-feild { margin-top: 20px;}
	.mobile-field-head h1{ font-size: 18px;}
	.mobile-hit-feild ul li { font-size: 11px;}
	/* .section-loved { padding: 20px 0px;} */
	.loved-by-sec { padding: 20px 0px;}
	.highlighted-box { width: auto; padding: 15px;}
	.review-highlighted ul li:nth-child(2) { margin-left: 0px;}
	.business-img img { height: auto;}
	.business-improve-field { padding: 20px 0px;}
	.contact-head h1 { margin-top: 0px;}
	.contact-us-section { min-height: 200px; padding-left: 20px;}
	.mail-contact .btn img { height: 30px;}
	.mail-contact input { padding: 22px 20px;}
	.footer-content-row { padding-top: 20px;}
	/* .improve-business { padding: 20px 0px;} */
	.padd-max { padding: 20px 0px;}
	footer { padding: 20px 0px !important;}

	/* ============================================= */
	.banner-head-content h1 { font-size: 21px; line-height: 22px;}
	/* .platform-tab .nav-tabs .nav-link { font-size: 16px; width: 100%; margin-bottom: 15px;} */
	.hero-section {background-size: cover; background-position: center; padding: 0px 0px; height: 350px; border-top: 0px; overflow: hidden;}
	.logo-container .normal-logo, .hover-logo { right: 0px; left: 0px; height: 100%;}
	.logo-container { height: 40px;}
	.logo-container .hover-logo { top: 0px; right: 0px !important;}
	.get-link a p { font-size: 14px;}
	.get-link a img { height: 15px;}
	.get-link { height: 50px;}
	.get-link .get-normal { top: 18px; right: 20px;}
	.staqo-bg img { height: auto;}
	.staqo-bg { top: 0px;}
	.herosection-layer {height: 240px;}
	/* .top-banner { padding-top: 60px;} */
	.contact-hov-btn { padding: 0px; display: block; text-align: right; background: none;}
	.contact-hov { font-size: 10px; padding: 8px 12px; margin-left: 5px; border-radius: 8px;}
	.get-link .get-hover { top: 16px;}
	.hero-section::before { height: 60px; width: 200px; bottom: -8px;}
	.hero-section::after { bottom: -68px; left: 200px; border-width: 60px;}
	.devops-cards-group { padding: 0px;}
	.devop-card p { font-size: 12px; text-align: center;}
	.devop-card h1 { font-size: 26px; padding-top: 0px; padding-bottom: 0px;}
	.devop-card { min-height: 112px;}
	.head-text h1 { font-size: 22px; letter-spacing: 0.838px;}
	.happy-carousel { padding: 50px 0px;}
	.happy-product .product-img { height: 50px;}
	.s-scroll-bg { padding: 0px;}
	.s-sroll .border-left { border: 0px !important;}
	.s-sroll { padding-bottom: 0px;}
	.s-scroll-content { padding: 55px 0px;} 
	.s-scroll-content-main { height: 250px;}
	.s-item h1 { font-size: 22px; padding-top: 25px; margin-bottom: 15px;}
	.s-item p { font-size: 13px;}
	.s-scrollbg {left: 25px;}
	.s-scrollbg img{ height: 300px;}
	.s-scroll-content-main::-webkit-scrollbar { overflow-x: hidden;}
	.s-scroll-content-main::-webkit-scrollbar-thumb { overflow-x: hidden;}
	.s-scroll-content-main::-webkit-scrollbar-track { overflow-x: hidden;}
	.app-sec .nav { padding: 20px 10px; min-height: auto;}
	.app-sec .nav .nav-link { font-size: 14px; margin-bottom: 0px; line-height: normal;}
	.app-head h1 { font-size: 20px;}
	.apptab-section .app-sec { padding: 0px 20px;}
	.app-1-bg h1 { font-size: 18px;}
	/* .app-1-bg p { font-size: 12px;} */
	.app-1-bg {height: 300px;}
	.app-1-bg ul li { line-height: 28px; font-size: 14px;}
	.app-bg-new ul li {line-height: 20px !important;}
	.app-2-bg { height: auto;}
	.app-card .card-body p { font-size: 12px;}
	.app-card { height: auto;}
	.app-card-area { padding-top: 0px;}
	.app-card { margin-top: 15px;}
	.our-product .product-img { height: 80px;}
	.blog-sec { padding: 20px 0px;}
	.blog-area { padding: 15px 20px;}
	.blog-head h1 { font-size: 35px;}
	.blog-head p { font-size: 14px;}
	.view-btn { font-size: 13px; padding: 5px 15px;}
	/* .blog-img img { height: auto;} */
	.blog-img { height: 105px;}
	.padd-top { padding-top: 30px;}
	.blog-dets h1 { font-size: 13px; margin-top: 10px; line-height: 17px; margin-bottom: 5px !important; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical;}
	.blog-dets p { font-size: 12px; margin-bottom: 20px;}
	.data-blog-dets p { display: none;}
	.req-head h1 { font-size: 24px; line-height: 30px; padding-left: 0;}
	.req-details { padding-top: 0px;}	
	.dets-text h1 { font-size: 17px;}
	.dets-text p { font-size: 12px;}
	.req-details .row { margin-top: 20px;}
	.req-head img { height: 120px;}
	.request-sec { padding: 25px 0px;}
	.message-area h4 { font-size: 18px;}
	.btn-submit { padding: 8px 20px; font-size: 12px;}
	.message-check label { font-size: 11px !important;}
	.staqo-descrip h1 { font-size: 20px; line-height: 30px;}
	.spirit-bg { height: auto;}
	.staqo-descrip { position: relative;}
	.footer-links h1 { font-size: 13px; padding-bottom: 5px;}
	.footer-links li a { font-size: 12px;}
	.footer-links li { line-height: 30px;}
	.foot-copy-links li { font-size: 11px;}
	.foot-copy-links li a { font-size: 11px;}
	.s-item h2 { font-size: 15px;}
	/* .tophead ul li a { color: #ffffff; font-size: 16px; font-weight: 400;} */
    .tophead ul li { line-height: 30px;}
    .contact-hov-btn::after { height: 53px; display: none;}
	/* .hero-section-overlay { height: 508px; */
	.s-item { padding: 0px;}
	.s-scroll-content::after {top: -35px; font-size: 290px; }

	/* ====================================================== */
	.banner-aboutext h1 { font-size: 23px;}
	.banner-about { height: 200px;}
	.brand-text .brand-text-p { font-size: 12px;}
	.brand-text h1 { font-size: 23px;}
	.brand-text p { font-size: 14px;}
	.padd-y { padding: 30px 0px;}
	.staqo-brand { padding: 20px 0px 0px 0px;}
	.core-text h2 { font-size: 20px;}
	.core-text p { font-size: 12px;}
	.resource-text h2 { font-size: 16px;}
	.resource-text p { font-size: 12px;}
	.resource-text a { font-size: 12px;}
	.resource-img { height: auto;}
	.resource-section { padding: 15px 0px;}
	.s-scroll-content::before { line-height: 267px; font-size: 300px;}

	/* ===================application service==================================== */
	.banner-servicetext h1 { font-size: 23px; line-height: 32px;}
	.banner-servicetext p { font-size: 13px;}
	.services-sec-overlay { height: 375px;}
	.service-section { height: 375px;}
	.brand-text h1 strong { font-size: 30px;}
	.brand-text p strong { font-size: 16px;}
	.brand-text p small { font-size: 12px;}
	.our-app-icon img { height: 100px;}
    .our-app-icon { margin-bottom: 20px;}
	.our-app-icon-field-1 { padding-bottom: 0px !important;}
	.our-app-icon-field-2 { padding-top: 0px !important;}
	.exper-slider { min-height: 200px;}
	.exper-slider h1 { font-size: 22px;}
	.exper-slider p { font-size: 14px;}
	.before-field .brand-text p { font-size: 14px; line-height: 25px;}
	/* .before-field ul { margin-left: -20px;} */
	.data-tabs .nav-pills .nav-link { font-size: 12px;}
	.data-tabs .nav-pills .nav-link { margin-bottom: 10px;}
	.data-tabs .nav-pills .nav-item:last-child { margin-bottom: 0px;}
	.data-tabs .nav-pills { text-align: center; min-width: 900px;}
	.data-tab-section { padding-bottom: 0px;}
	.why-text h2 { font-size: 22px;}
	.why-context p { font-size: 15px; line-height: 32px;}
	.tophead-field .btn { color: #ffffff; align-items: center; padding: 0px; line-height: 60px; display: block;}
	.tophead-field { display: block;}
	.tophead-field .btn.tophead-drop-btn:focus img {transform: rotate(180deg); transition: transform 0.3s ease-out;}
	.tophead-field .btn img { margin-left: 8px;}
	/* .tophead-field .drop-list { background: #000223;} */
	.tophead-field .drop-list a { display: list-item; list-style-type: disc !important; margin-left: 20px; color: #8B8B8B; font-size: 12px; font-weight: 500; line-height: 36px; list-style-type: decimal; z-index: 1;}
	/* .tophead-field .btn { display: block;} */
	.tophead-soial-link { display: flex; align-items: center;}
	.tophead-soial-link a { margin-right: 10px;}
	.tophead-soial-link a img { height: 20px;}
	.banner-app-section { height: 250px;}
	.banner-app-overlay { height:100%;}
	.banner-app-text p { font-size: 18px;}
	.banner-app-text h1 { font-size: 28px;}
	.innovation-icon img { height: 60px;}
	.innovtion-text p { font-size: 14px;}
	.focus-card { border: 4px solid transparent;}
	.focus-card-img img { height: 60px;}
	.focus-card h2 { font-size: 25px;}
	.focus-card p { font-size: 12px;}
	.focus-headtext h1 { font-size: 25px;}
	.techno-area-img img { height: 50px;}
	.techno-area p { font-size: 12px;}
	.skill-icon-img img { height: 60px;}
	.skill-list-text p {margin-left: 15px;}
	.innovation-area { padding: 20px 0px;}
	.techno-area p small { font-size: 12px;}
	.focus-headtext .btn-submit { padding: 12px 15px; font-size: 14px; border-radius: 8px;}
	.focus-headtext .btn-submit img { height: 12px; margin-left: 5px;}
	.life-staqo-group { padding: 0px; padding-bottom: 20px;}
	.country-dets-text h1 { font-size: 30px;}
	.country-dets-text .country-text-border { height: 8px;}
	.country-dets-text p { font-size: 14px; line-height: 25px;}
	.mail-headtext h1 { font-size: 16px;}
	.mail-filed { padding-top: 20px; padding-bottom: 30px;}
	.message-area-field .message-form label { font-size: 12px;}
	.message-area-field .message-form input { margin-bottom: 10px; font-size: 12px;}
	.message-phone-select { font-size: 12px;}
	.message-area-field .message-form textarea::placeholder { font-size: 12px;}
	.message-area-field .message-form textarea { font-size: 12px;}
	.video-yt iframe { height: 200px;}
	.blog-listing ol li { font-size: 15px;}
    .blog-listing ul li { font-size: 15px;}
	.contact-map img { height: auto;}
	.blog-cards { margin-bottom: 15px;}
	.home-blog-card { margin-bottom: 20px;}
	.herosection-layer video { width: auto;}

	.apptab-read-box { margin-top: 20px; padding: 18px 15px;}
	.apptab-read-box h1 { font-size: 15px;}
	.staqo-spirit-context { padding: 20px 20px;}
	.staqo-spirit-context h1 {font-size: 20px;}
    .staqo-coma-b { margin-top: 0px !important;}
	.expertise-crousel .owl-dots .owl-dot span { margin-top: 20px !important;}
	.get-link .get-hover {top: 15px; right: 10px;}
	.item .our-product { margin: 8px;}
	.blog-dets a { font-size: 13px;}

	/* ================================================= */
	.banner-aboutext .game-bannertext { font-size: 35px;}
	.banner-aboutext h1 { font-size: 22px;}
	.cyber-game-bg { min-height: 340px; background-position: center;}
	.iso-cart-logo img { height: 70px; width: 100px;}
	.iso-cart-logo { min-height: 140px;}
	.step-head-text h1{ font-size: 20px;}
	.step-head-text p { font-size: 16px;}
	.step-sec { min-height: auto;}
	.step-head-context h3 { font-size: 22px;}
	.step-head-context ul li { font-size: 16px; line-height: 28px;}
	.our-cyber-card h1 {font-size: 20px; margin-bottom: 10px;}
	.our-cyber-card ul li { font-size: 14px;}
	.our-cyber-card { min-height: 280px;}
	.never-sleep-container { padding: 10px 20px;}
	.never-sleep-container h1 { font-size: 25px;}
	.never-sleep-container p { font-size: 15px;}
	.cyber-card-group { margin: 10px;}
	.happy-carousel-border { padding: 20px 0px;}
	.blog-head h1 { font-size: 24px;}
	.software-devlop-card h1 { font-size: 24px; margin-bottom: 20px;}
	.software-devlop-card {  padding: 29px 20px; min-height: 300px;}
	.software-devlop-card p { font-size: 16px;}
	.software-devlop-card-mini { min-height: 50px;}
	.software-devlop-card h3 { font-size: 14px;}
	.software-devlop-card h3 img { margin-left:10px; height: 10px;}
	.software-devlop-card-mini-1 { margin-bottom: 20px;}
	.proivide-head-text h1 { font-size: 30px; margin: 30px 0px;}
	.proivide-head-text p { font-size: 16px; margin-bottom: 30px;}
	.provide-context p { font-size: 14px;}
	.our-cyber-card p{ font-size: 16px;}

	.new-banner-section { min-height: 280px;}
	.provide-list h6 { font-size: 16px; margin-top: 30px; margin-bottom: 20px;}
	.provide-list ul li { font-size: 14px; line-height: 28px;}
	.provide-list ol li { font-size: 14px; line-height: 28px;}
	.policies-context h1 { font-size: 30px;}
	.policies-context p { font-size: 17px;}
	.policies-context h3 { margin: 20px 0px; font-size: 20px;}
	.policies-context p small { font-size: 16px;}
	.policies-context ul li { line-height: 20px;}

	.our-certify-carousel {padding: 20px 0px;}



}

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