@media only screen and (min-width:1000px) and (max-width:1199px){ 

header .top ul li a { padding-left:8px; padding-right:8px;font-size: 12px; }

.stellarnav > ul > li > a { padding:26px 9px; }

 header .logomain .top_callmain a {font-size: 13px;}

 header .logomain .top_callmain ul li + li {    margin-left: 0px;}
 
 header .carttop .carttopbox i {  width: 20px; height: 20px; line-height: 20px; font-size: 10px; }
#services .servicesbox ul li span { font-size: 22px;}
}

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

.stellarnav > ul > li > a {padding: 15px 5px;font-size: 11px;letter-spacing: 0.5px; } 

 header .top ul{ margin:auto; float:none !important;}

  

.product_listingbox figure{line-height: 130px;}

 #services .servicesbox ul li span {overflow: hidden;text-align: center;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-size:20px}

}





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

  header .logomain{ z-index:99;}



.homecollection figure .effect h3{ font-size:15px;} 

.homecollection figure .effect .effect_info .link { padding-top: 0;}

.homecollection h2{font-size: 24px;}

footer .footer .footermenu ul li + li {margin-left: 0;}





/*header .logomain .top_callmain > ul > li:nth-child(1), header .logomain .top_callmain > ul > li:nth-child(2){ width:36%;}

header .logomain .top_callmain > ul > li:nth-child(3){width:100%;}*/

 header .logomain .sublinermenu { display:table; margin:auto; float:none;}

header .logomain .sublinermenu ul li a { padding:10px 25px 10px 0; }

header .logomain .sublinermenu ul li:hover ul{display:none;} 

.sublinermenu input[type=checkbox]{ }

header .logomain .sublinermenu ul li input[type=checkbox] + span ~ ul { display:none;}

header .logomain .sublinermenu ul li input[type=checkbox]:checked + span ~ ul{ display:block;}

header .logomain .sublinermenu ul > li > a:after{content:''; }

header .logomain .sublinermenu ul li span{ display:block;}

header .logomain .sublinermenu ul li span:after{content:'\f067'; font-family: 'Font Awesome 5 Free';transition:all .4s 0s ease;  font-weight: 900; position:absolute; right:0; top:0;color: #beaa69} 

header .logomain .sublinermenu ul li input[type=checkbox]:checked + span:after{content:'\f068'; }

.sublinermenu>ul>li>a:before{content: ''; width: 0;height: 0;position: absolute;background:none; }



.catogry_menu > ul > li:last-child { width: 100%; text-align:center;}

.catogry_menu > ul > li > ul{ left:0;}

.catogry_menu > ul > li > ul li { text-align:left;}



header .logomain .top_callmain{ padding-top:0;}

header .top_social2{ margin:0;padding-top: 0;}

header .logomain .searchtop{padding-top: 0;position: absolute;right: 20px;top: -32px;width: 153px;}

header .logomain .logo img{ max-height:60px;}

header .logomain .logo { text-align: center;display: table;padding: 14px 0 0; }

header .logomain .top_callmain .top_call { position: absolute; top: -100px; right:25px; }

header .logomain .sublinermenu {   position: absolute;  right: 79px; top: -53px; }

header .carttop {  padding-right: 0; position: absolute; top: -44px; right: 26px; }
header .top_newcall, header .logomain .top_callnew{ margin: 0 auto;float: none;text-align: center;}

header .topnewcall { position: absolute; right: 25px; top: -36px; }


}

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

  

 header .logomain{ z-index:99;}

 

.homecollection figure .effect h3{ font-size:15px;} 

.homecollection figure .effect .effect_info .link { padding-top: 0;}

.homecollection h2{font-size:30px;}

footer .footer .footermenu ul li + li {margin-left: 0;}





/*header .logomain .top_callmain > ul > li:nth-child(1), header .logomain .top_callmain > ul > li:nth-child(2){ width:36%;}

header .logomain .top_callmain > ul > li:nth-child(3){width:100%;}*/

 header .logomain .sublinermenu { display:table; margin:auto; float:none;}

header .logomain .sublinermenu ul li a { padding:10px 25px 10px 0; }

header .logomain .sublinermenu ul li:hover ul{display:none;} 

.sublinermenu input[type=checkbox]{ }

header .logomain .sublinermenu ul li input[type=checkbox] + span ~ ul { display:none;}

header .logomain .sublinermenu ul li input[type=checkbox]:checked + span ~ ul{ display:block;}

header .logomain .sublinermenu ul > li > a:after{content:''; }

header .logomain .sublinermenu ul li span{ display:block;}

header .logomain .sublinermenu ul li span:after{content:'\f067'; font-family: 'Font Awesome 5 Free';transition:all .4s 0s ease;  font-weight: 900; position:absolute; right:0; top:0;color: #beaa69} 

header .logomain .sublinermenu ul li input[type=checkbox]:checked + span:after{content:'\f068'; }

.sublinermenu>ul>li>a:before{content: ''; width: 0;height: 0;position: absolute;background:none; }



.catogry_menu > ul > li:last-child { width: 100%; text-align:center;}

.catogry_menu > ul > li > ul{ left:0;}

.catogry_menu > ul > li > ul li { text-align:left;} 

header .logomain .top_callmain{ padding-top:0;}

header .top_social2{ margin:0;padding-top:0;}

header .top_newcall, header .logomain .top_callnew {display: table;margin: auto;float: none;}



header .logomain .searchtop{padding-top: 0;position: absolute;right: 20px;top: -32px;width: 153px;}

header .logomain .logo img{ max-height:60px;}

header .logomain .logo { text-align: center;display: table;padding: 8px 0;margin: auto;} 

header .logomain .sublinermenu {   position: absolute;  right: 79px; top: -53px; }

header .carttop {  padding-right: 0; position: absolute; top: -44px; right: 26px; }



.welcome figure{ margin: 0 auto 0;}

/*.welcome figure img{ max-height: 150px; }*/
.welcome figure img{height:160px; width:160px}
.welcome h1, #latest_event h2, #services h2, #insta h2 {font-size: 26px;}

#latest_event .latest_eventlist > ul > li:nth-child(even) figure{ float:none;}

#ourstory .bigimg {    position: relative;     height: 200px; width:100%;}

#latest_event .latest_eventlist > ul > li .latest_eventlistbox{padding-left: 50px;padding-right: 20px;}

#latest_event .latest_eventlist > ul > li .latest_eventlistbox .link { padding-left: 50px;}

.innerbannertitle .maintitlebox { padding:30px 0; }
.innerbannertitle .maintitle {font-size: 26px;}
.cms h1{font-size:22px;}
.cms h2{font-size:19px;}
#ourstory h2 {font-size: 38px;}
#ourstory .ourstory_box .ourstory_info {   padding: 0 10px 20px; }
#ourstory .ourstory_box .ourstory_info h3 { font-size: 23px;}


.footerlink, .footerlink .powerby{ text-align:center;}



footer .footercall ul li a { padding: 8px 0; font-size: 11px;}





#homeabt { padding: 10px 0;     min-height: auto; }

.brand h2 { font-size: 15px;}

.brand h1, #homeabt h2 { font-size: 30px; }

.brand {padding: 20px 0;}

.homecollection article {padding: 10px 2% 30px;}

.male_pro .male_probox { display: block;}

.male_pro .male_probox figure { display: block; width: auto;  position: relative;}

.male_pro .male_probox figure {display: table-caption; width: auto; }

.male_pro .male_probox .male_proinfo::before {left: 50%;top: 0;margin-top: -15px;margin-left: -15px;}

.male_pro .femalebox, .male_pro .male_probox { margin-left:0;    margin-right: 0; }

}