.headblog{ display: none;}
.navbar-dark .socialmedia { display: none;}

.header-cont { padding:0;}
.logo { width:180px;}


.navbar-dark .navbar-nav { position: fixed; left: 0; right: 0; top: 144px; height: 100vh; background: rgb(0 0 0 / 84%);}
.navbar-dark .navbar-nav li ul.sub-menu li a { padding: 0px 15px;}
.navbar-dark .navbar-nav ul{padding: 15px;}
.navbar-dark .navbar-nav li { width: 100%; padding: 5px 0;}
.navbar-dark .navbar-nav li a {	color: #fff; width:auto; display: inline-block;}	
.navbar-dark .navbar-nav li .submenu-expand{ float: right; width: auto;}
.navbar-dark .navbar-nav li ul.sub-menu{ display: none !important;}
.navbar-dark .navbar-nav li:hover ul.sub-menu{ display: block !important;}
.navbar-dark .navbar-nav li:focus ul.sub-menu{ display: block !important;}

.banner-text h1 { font-size: 30px;}
.banner-text p { font-size: 15px; padding-top: 20px; padding-bottom: 20px;}
.banner-text a { font-size: 16px; padding: 8px 17px; margin-right: 15px;}

.title h2 { font-size: 25px; padding-bottom: 10px;}
.textBlog p { font-size: 15px; line-height: normal;}
.title h3 { font-size: 22px;}
.contBox { padding-top: 15px;}
.title.p-b-15{ padding-bottom: 5px;}

.contBox .textBlog p { font-size: 16px; line-height:normal;}
.slider-class { height: 50vh; min-height: 500px;}
.contStn label { width: 100%; margin: 20px 0px 0 0px;}
.contStn label.fullwidth { width: 100%;}
.qualityBox { padding-bottom: 20px;}
.title h4 { font-size: 20px;}
.contStn .btn.btnmessage { font-size:16px; padding: 8px 40px;}

.p-t-80{ padding-top: 50px;}
.p-b-80	{padding-bottom: 50px;}
.textBlog.p-t-35.p-b-30 { padding-top: 15px; padding-bottom: 15px;}
a.btn.btnget { padding: 6px 33px; font-size: 16px;}

.footer-menu .footer-title { font-size: 20px; padding-bottom: 15px;}
.footer-menu { padding-bottom: 25px;}
.prodinner .leftBox { width: 50%; float: left; padding: 6px; font-size: 16px;}
.prodinner .rightBox { width: 49%; float: left; padding: 6px 10px; font-size: 16px;}
.prodinner { margin-bottom: 15px;}
.listing.inner ul { padding-bottom: 15px;}
.listing li { font-size: 16px;}
.prodinner.p-t-50 { padding-top: 15px;}
.btnTrade { padding:8px 40px; font-size: 16px; margin-top: 0px;}

.title.p-t-50 { padding-top: 25px;}
.contactpage .socialMediac li a { font-size: 16px;}
.contactpage .socialMediac li { font-size: 16px;}
.contactpage .socialMediac li span { font-size: 20px; }
.listing li { font-size: 16px;}

.contmodole #exampleModalLabel { font-size: 30px;}
.contmodole .modal-body p{ font-size:25px;}	

.order--1{-ms-flex-order: 1; order: 1;}
.order--2{-ms-flex-order: 2; order: 2;}
.order--3{-ms-flex-order: 3; order: 3;}
.order--4{-ms-flex-order: 4; order: 4;}
.order--5{-ms-flex-order: 5; order: 5;}
.order--6{-ms-flex-order: 6; order: 6;}
.order--7{-ms-flex-order: 7; order: 7;}
.order--8{-ms-flex-order: 8; order: 8;}
.order--9{-ms-flex-order: 9; order: 9;}
.order--10{-ms-flex-order: 10; order: 10;}
.order--11{-ms-flex-order: 11; order: 11;}
.order--12{-ms-flex-order: 12; order: 12;}

.order--13{-ms-flex-order: 13; order: 13;}
.order--14{-ms-flex-order: 14; order: 14;}
.order--15{-ms-flex-order: 15; order: 15;}
.order--16{-ms-flex-order: 16; order: 16;}
.order--17{-ms-flex-order: 17; order: 17;}
.order--18{-ms-flex-order: 18; order:18;}
.order--19{-ms-flex-order: 19; order: 19;}
.order--20{-ms-flex-order: 20; order: 20;}
.order--21{-ms-flex-order: 21; order: 21;}
.order--22{-ms-flex-order: 22; order: 22;}
.order--23{-ms-flex-order: 23; order: 23;}
.order--24{-ms-flex-order: 24; order: 24;}

@media (min-width:481px) {
.banner-text h1 { font-size: 35px;}
	
}

@media (min-width:768px) {
.banner-text h1 { font-size: 40px;}
.banner-text p { font-size: 18px; padding-top: 25px; padding-bottom: 25px;}	
.banner-text a { font-size: 18px; padding: 10px 17px; margin-right: 20px;}	

.title h2 { font-size: 30px; padding-bottom: 5px;}
.textBlog p { font-size: 18px;}
.title h3 { font-size: 25px;}
.contBox { padding-top: 25px;}
.title.p-b-15{ padding-bottom: 10px;}
	
.contBox .textBlog p { font-size: 18px; line-height:normal;}	
.contStn label { width: 46%; margin: 20px 8px 0 8px;}
.contStn label.fullwidth { width: 94.5%;}
.qualityBox { padding-bottom: 30px;}
.title h4 { font-size: 22px;}
.contStn .btn.btnmessage { font-size: 18px; padding: 10px 50px;}
	
.title.p-t-50 { padding-top: 35px;}
	
.p-t-80{ padding-top: 60px;}
.p-b-80	{padding-bottom: 60px;}	

.textBlog.p-t-35.p-b-30 { padding-top: 20px; padding-bottom: 20px;}
a.btn.btnget { padding: 8px 33px; font-size: 18px;}	
.listing.inner ul { padding-bottom: 10px;}
.listing li { font-size: 18px;}	
.prodinner.p-t-50 { padding-top: 25px;}
.btnTrade { padding: 12px 40px; font-size: 18px; margin-top: 25px;}
.contactpage .socialMediac li a { font-size: 18px;}
.contactpage .socialMediac li { font-size: 18px;}
.contactpage .socialMediac li span { font-size: 26px; }
.listing li { font-size: 18px;}	
	
.footer-menu .footer-title { font-size: 22px; padding-bottom: 20px;}

	
.order--1{-ms-flex-order: 0; order: 0;}
.order--2{-ms-flex-order: 0; order: 0;}
.order--3{-ms-flex-order: 0; order: 0;}
.order--4{-ms-flex-order: 0; order: 0;}
.order--5{-ms-flex-order: 0; order: 0;}
.order--6{-ms-flex-order: 0; order: 0;}	
.order--7{-ms-flex-order: 0; order: 0;}
.order--8{-ms-flex-order: 0; order: 0;}
.order--9{-ms-flex-order: 0; order: 0;}
.order--10{-ms-flex-order: 0; order: 0;}
.order--11{-ms-flex-order: 0; order: 0;}
.order--12{-ms-flex-order: 0; order: 0;}
.order--13{-ms-flex-order: 0; order: 0;}
.order--14{-ms-flex-order: 0; order: 0;}
.order--15{-ms-flex-order: 0; order: 0;}
.order--16{-ms-flex-order: 0; order: 0;}
.order--17{-ms-flex-order: 0; order: 0;}
.order--18{-ms-flex-order: 0; order: 0;}	
.order--19{-ms-flex-order: 0; order: 0;}
.order--20{-ms-flex-order: 0; order: 0;}
.order--21{-ms-flex-order: 0; order: 0;}
.order--22{-ms-flex-order: 0; order: 0;}
.order--23{-ms-flex-order: 0; order: 0;}
.order--24{-ms-flex-order: 0; order: 0;}

}

@media (min-width:992px) {
	
	
.navbar-dark .navbar-nav li:hover ul.sub-menu { display: inline-block; opacity: 1; visibility: visible;}
.navbar-dark .navbar-nav li ul.sub-menu {position: absolute; left: 0; top: 20px; width: 100%; z-index: 100; display: none; opacity: 0; visibility: hidden; background-color: #fff; transform: translateY(30px); transform-origin: top; transition: all 500ms ease; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 15%); padding: 15px 0;} 

.navbar-dark .navbar-nav li ul.sub-menu li:hover ul.sub-menu{ display: block; left: 99%; top:-40px;}
.navbar-dark .navbar-nav li ul.sub-menu li ul.sub-menu{ display:none; left: 0; }	
 button.submenu-expand{ display: none;}	
.navbar-dark .navbar-nav li ul.sub-menu { width: 365px;} 
.navbar-dark .navbar-nav li a {	color: #000000;  width: auto;}	
.rightBlog { display: none;}
.navbar-dark .navbar-nav li a { font-size: 17px;}
.navbar-dark .navbar-nav li#menu-item-1575 ul.sub-menu { width: 529px; right: 0; left: auto;}
.navbar-dark .navbar-nav li#menu-item-1575 ul.sub-menu li{ width: 33%;}	
.navbar-dark .navbar-nav li ul.sub-menu li a { padding: 0px 15px;}

.navbar-collapse.collapse.show .navbar-nav { top: auto;}
.navbar-dark .navbar-nav ul{padding: 0px;}
.menu-topmenu-container { float: left; }
a.btn.readMore.getsupp{float: right; padding: 12px 18px}	
.logo { display: inline-block;}    

/*.site-header.sticky .site-branding { display: none; transition: .8s ease;}*/
.headblog { display: flex; width: 75%; float: right;}
.header-cont { padding: 0; display: flex; align-items: center;}
.banner.home .bannertext{ display: inline-block;}
.navbar-dark .navbar-nav { position: relative; left: auto; right: auto; top: auto; height: auto; background: transparent; display: flex; width: 100%; align-items: center;
	justify-content: space-between;}
.navbar-dark .navbar-nav li { width: auto;} 
.navbar-dark .socialmedia li { padding-right: 0; padding-left: 26px;  }
	  
.banner-text h1 { font-size: 45px;}
.banner-text p { font-size: 20px; padding-top: 30px; padding-bottom: 30px;}	
.banner-text a { font-size: 20px; padding: 13px 17px; margin-right: 30px;}

.title h2 { font-size: 40px; padding-bottom: 10px;}
.textBlog p { font-size: 20px; line-height: 35px;}	
.title h3 { font-size: 30px;}
.contBox { padding-top: 30px;}	
	
.title.p-b-15{ padding-bottom: 15px;}
.contBox .textBlog p { font-size: 20px; line-height: 35px;}	
.slider-class { height: 60vh; min-height: 765px;}	
.qualityBox { padding-bottom: 40px;}
.title h4 { font-size: 25px;}
.contStn .btn.btnmessage { font-size: 20px; padding: 12px 55px;}	
.title.p-t-50 { padding-top: 45px;}
	
.p-t-80{ padding-top: 70px;}
.p-b-80	{padding-bottom: 70px;}	

.textBlog.p-t-35.p-b-30 { padding-top: 25px; padding-bottom: 25px;}
a.btn.btnget { padding: 10px 33px; font-size: 20px;}	
.prodinner .leftBox { width: 50%; padding: 15px 15px 15px 0px; font-size: 22px;}
.prodinner .rightBox { width: 50%; border-left: #bbbbbb 1px solid; padding: 15px 15px; font-size: 22px;}	
.prodinner { margin-bottom: 0px;}
.productsBox { padding-bottom: 35px;}
	
.listing.inner ul { padding-bottom: 20px;}
.listing li { font-size: 20px;}	
.prodinner.p-t-50 { padding-top: 35px;}
.btnTrade { padding: 16px 40px; font-size: 20px; margin-top: 35px;}	
.contactpage .socialMediac li a { font-size: 22px;}
.contactpage .socialMediac li { font-size: 22px;}
.contactpage .socialMediac li span { font-size: 30px; }
.listing li { font-size: 22px;}
	
.footer-menu .footer-title { font-size: 25px; padding-bottom: 30px;}

	
}
	
@media (min-width:1024px) {
.navbar-dark .navbar-nav li a { font-size: 18px;}	
.banner-text h1 { font-size: 50px;}
.banner-text p { font-size: 25px; padding-top: 40px; padding-bottom: 40px;}
.title h2 { font-size: 44px; padding-bottom: 16px; line-height: 45px;}	
.title h3 { font-size: 35px;}
.contBox { padding-top: 35px;}
.qualityBox { padding-bottom: 50px;}
.title h4 { font-size: 30px;}	
.title.p-t-50 { padding-top: 50px;}
	
.textBlog.p-t-35.p-b-30 { padding-top: 30px; padding-bottom: 30px;}
.listing.inner ul { padding-bottom: 30px;}	
.listing li { font-size: 22px;}	
.prodinner.p-t-50 { padding-top: 45px;}	
.imgtop .imgBlog { padding-top: 50px;}
	

	
}

@media (min-width:1199px) {
.navbar-dark .navbar-nav li a { font-size: 19px;}	
.banner-text h1 { font-size: 55px;}
	
.p-t-80{ padding-top: 80px;}
.p-b-80	{padding-bottom: 80px;}	
	
.textBlog.p-t-35.p-b-30 { padding-top: 35px;}	
.listing.inner ul { padding-bottom: 40px;}
.prodinner.p-t-50 { padding-top: 50px;}	
.contmodole #exampleModalLabel { font-size: 40px;}
.contmodole .modal-body p{ font-size:30px;}	
}

@media (min-width:1201px) {
.navbar-dark .navbar-nav li a { font-size: 20px;}	
.banner-text h1 { font-size: 60px;}
.banner-text p { font-size: 25px; padding-top: 40px; padding-bottom: 40px;}
	

.listing.inner ul { padding-bottom: 50px;}	
.p-t-80{ padding-top: 100px;}
.p-b-80	{padding-bottom: 100px;}
.contmodole #exampleModalLabel { font-size: 44px;}
.contmodole .modal-body p{ font-size:35px;}	
}
@media (min-width:1700px) {
.rightBlog { display: inline-block;}	
}