
/*========================================================
                    Media Queries
=========================================================*/
/*--  --*/
.main-menu-toggle{display:none;}
.main-menu-toggle a{display: block; text-decoration: none; color: #fff; background: #03558c; padding: 15px; text-transform: uppercase; text-align: center;}
.top_link{line-height:42px;}

@media only screen and (max-width:1200px){
	html, body{min-width:auto!important}
	.container{max-width:1170px; width:100%; padding:0 15px; box-sizing: border-box;}
	.row{margin-left:-15px!important; margin-right:-15px!important;}
	[class*="grid_"] {float: left!important; min-height: 1px; margin-left:0px!important; padding:0 15px; box-sizing: border-box;}
	.grid_1{width:8.33333333%;}
	.grid_2{width:16.66666667%;}
	.grid_3{width:25%;}
    .grid_111{ width: 25%;}
	.grid_4{width:33.33333333%!;}
	.grid_5{width:41.66666667%;}
	.grid_6{width:50%!important;}
	.grid_7{width:58.33333333%;}
	.grid_8{width:66.66666667%!;}
	.grid_9{width:75%;}
	.grid_10{width:83.33333333%;}
	.grid_11{width:91.66666667%;}
	.grid_12{width:100%!important;}
	
	.sf-menu{float:left;}
	.link1.link1new{width:100%!important;}
	.thumb img{max-width:100%; height:auto;}
	.ad-img img{width:100%;}
	
	.browsecls{text-align:center;}
	.browsecls .makesCls{width: 100%; box-sizing: border-box;}
	.browsecls .thumbnail{width:12%;}
	
	.list_resp_sect{padding:15px; text-align:center;}
	.list_resp_sect .mobile-view2 select{width:100px;}
	.list_resp_sect .thumbnail{width:32.5%;}
	.list_resp_sect .thumbnail img{width:auto; max-width:100%; height:125px;}
	.floating_list_cls h2 a{font-size:22px;}
	.floating_list_cls .cls_btn_reset{width:34%;}
	.floating_list_cls .cls_btn_refine{width:62%; }
	.floating_list_cls .cls_btn_reset .link1, .floating_list_cls .cls_btn_refine .link1{width: 100% !important;}
	.list_resp_sect .mobile_pagination{font-size:13px;}
	.list_resp_sect .cls-new-pag{font-size:13px;}
    .newcontent{margin-left:0px;}
	.mybuttoncls1,.mybuttoncls{font:14px/26px 'Lato', sans-serif!important; font-weight:900!important;}
	.search {float:right; width:27%!important;}
}

@media only screen and (max-width:1024px){
	.grid_md_1{width:8.33333333%;}
	.grid_md_2{width:16.66666667%;}
	.grid_md_3{width:25%;}
	.grid_md_4{width:33.33333333%;}
	.grid_md_5{width:41.66666667%;}
	.grid_md_6{width:50%;}
	.grid_md_7{width:58.33333333%;}
	.grid_md_8{width:66.66666667%;}
	.grid_md_9{width:75%;}
	.grid_md_10{width:83.33333333%;}
	.grid_md_11{width:91.66666667%;}
	.grid_md_12{width:100%;}
	
	.md-m-top-15{margin-top:15px;}
	
	.div-tabs{text-align:center;}
	.div-tabs .thumb h4{text-align:center; font-size:15px;}
	.div-tabs .link{line-height:30px!important; font-size:14px;}
    .newcontent{margin-left:0px;}
	.cart-scroll{overflow-x:scroll;overflow-y: hidden;}
	.search {float:right; width:25%!important;}
	.alpha-new {width:32.3%!important;}
	.link:after {top:4px;}
}

@media only screen and (max-width:991px){
	.mainheader12{background:#fff; padding:0}
	.main-menu-toggle{display:block!important;}
	.sf-menu{display:none; float:none; width:100%;}
	.sf-menu > li{display:block!important; float:none!important; border-left:none; border-right:none; border-bottom:1px solid #c8c8c8;}
	.sf-menu > li > a{text-align:left;}
	.sf-menu li:first-child{border-left:none; margin-left:0;}
	.sf-menu li:last-child{border-right:none; margin-right:0;}
	
	.grid_sm_1{width:8.33333333%;}
	.grid_sm_2{width:16.66666667%;}
	.grid_sm_3{width:25%;}
	.grid_sm_4{width:33.33333333%;}
	.grid_sm_5{width:41.66666667%;}
	.grid_sm_6{width:50%;}
	.grid_sm_7{width:58.33333333%;}
	.grid_sm_8{width:66.66666667%;}
	.grid_sm_9{width:75%;}
	.grid_sm_10{width:83.33333333%;}
	.grid_sm_11{width:91.66666667%;}
	.grid_sm_12{width:100%;}
	
	#footer{text-align:center;}
	#footer h1{text-align:center!important;}
	#footer h1 a{display:inline-block;}
	.copy{text-align:center!important;}
	.bottom_menu{float:none; display:block; height:auto;}
	.bottom_menu li{display:inline-block; float:none!important; font-family:arial;}
	.socials{position:relative!important; display:block; margin:0; padding:5px 0; text-align:center;}
	.socials li{display:inline-block; float:none!important;}
	.browsecls .thumbnail{width:19%;}
	
	.floating_list_cls h2 a{font-size:18px; }
	.floating_list_cls{position: fixed; right: 0px; background: rgba(0,0,0,0.5);width: 100%; height: 100%; top: 0; left: 0; z-index: 99;}
	.floating_list_cls .sidebar{position: fixed;	right: 0px;	top: 0;	width: 270px; overflow-y: auto;	height: 100%; padding: 20px; box-sizing: border-box;}
	.search_tgl_btn{position:fixed;top:20%; right:0; width:80px; height:40px; background:#fb7511; color:#fff; cursor:pointer; z-index:999; transition:all 0.3s; -webkit-transition:all 0.3s;  -moz-transition:all 0.3s;}
	.search_tgl_btn code{display:inline-block; background:#00426e; color:#fff; font-size:24px; font-weight:bold; width:40px; line-height:40px; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s;  -moz-transition:all 0.3s; border-right: 1px solid #da5d00;
	box-sizing: border-box; }	
	.search_tgl_btn span{display:inline-block; color:#fff; font-size:14px; width:40px; font-weight:bold; line-height:40px; text-align:center;  box-sizing:border-box; border-left: 1px solid #ff9342;}	
	.search_tgl_btn:hover code{background:#fb7511;}
	
	.search_tgl_btn_open{right:270px; width:40px;}
	.search_tgl_btn_open code{transform: rotate(180deg); background:#fb7511; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
	.search_tgl_btn_open span{display:none; width:0px;}
    .newcontent{margin-left:0px;}
	.cart-scroll{overflow-x:scroll;overflow-y: hidden;}
	.search {float:none!important; width:97%!important; margin-left:auto; margin-right:auto; margin-top:18px;}
	.alpha-new {width:40%!important; margin:0 auto!important; float:none!important;}
	.link:after {top:4px;}
}

@media only screen and (max-width:767px){
	.grid_xs_1{width:8.33333333%;}
	.grid_xs_2{width:16.66666667%;}
	.grid_xs_3{width:25%;}
	.grid_xs_4{width:33.33333333%;}
	.grid_xs_5{width:41.66666667%;}
	.grid_xs_6{width:50%;}
	.grid_xs_7{width:58.33333333%;}
	.grid_xs_8{width:66.66666667%;}
	.grid_xs_9{width:75%;}
	.grid_xs_10{width:83.33333333%;}
	.grid_xs_11{width:91.66666667%;}
	.grid_xs_12{width:100%!important;}
	
	.browsecls .thumbnail{width:24%;}
	.browsecls .thumbnail a{height:125px;}
	.list_resp_sect .thumbnail{width:49%;}
	.div-inline-resp{display:block; float:none!important;}
	.div-inline-resp .matchfootcant{width:108px!important;}
	.cls-new-pag-box .div-inline span{font-size:12px;}
	.cls-new-pag tr td{padding:3px;}
    .newcontent{margin-left:0px;}
}

@media only screen and (max-width:600px){
	.browsecls .thumbnail{width:32%;}
	.browsecls .thumbnail a{height:125px;}
    .newcontent{margin-left:0px;}
}
@media only screen and (min-width:481px) and (max-width:767px){
	.list_resp_sect .mobile-view2{display:inline-block; float:none; width: 32%; margin-top:0;}
	.list_resp_sect .mobile-view-page{float: none; width:100%; display: block; margin-top: 8!important; text-align: right;}
	.list_resp_sect .mobile_pagination{margin:0 auto;}
	.list_resp_sect .mobile-view2 select{width:100%;}
    .newcontent{margin-left:0px;}
		.top_link font {display: none!important;}	
		.cart-scroll{overflow-x:scroll;overflow-y: hidden;}
		.search {float: none!important;width:94%!important; margin-left:auto; margin-right:auto; margin-top:18px;}
		.link:after {top:4px!important;}
		.alpha-new {width:70%!important; float:none!important; margin:0px auto!important;}
}
@media only screen and (max-width:480px){
	.grid_xxs_1{width:8.33333333%;}
	.grid_xxs_2{width:16.66666667%;}
	.grid_xxs_3{width:25%;}
	.grid_xxs_4{width:33.33333333%;}
	.grid_xxs_5{width:41.66666667%;}
	.grid_xxs_6{width:50%!important;}
	.grid_xxs_7{width:58.33333333%;}
	.grid_xxs_8{width:66.66666667%;}
	.grid_xxs_9{width:75%;}
	.grid_xxs_10{width:83.33333333%;}
	.grid_xxs_11{width:91.66666667%;}
	.grid_xxs_12{width:100%;}
	
	.xxs-mbot-15{margin-bottom:15px;}
	.text-center-xxs{text-align:center;}
	
	#logo{width:200px!important; background-size:contain;}
	.top_link{top:0!important; float: none; line-height:42px; width: 120px; display: block; margin-bottom: 10px; margin: 0 auto; margin-bottom: 10px;}
	.cont-head-top{margin:20px auto 0 auto!important;}
	.logo_a{display:inline-block;}
	
	.browsecls .thumbnail{width:48%;}
	
	.list_resp_sect{padding:10px;}
	.list_resp_sect .thumbnail{width:100%;}
	.list_resp_sect .mobile-view2{display:block; margin-top:0px; width: 100%;}
	.list_resp_sect .mobile-view-page{display:block; margin-top:0px; width: 100%; float: none; text-align: center;}
	.list_resp_sect .mobile-view2 select{width:100%; margin-right: 0; border-radius: 0; margin-bottom: 5px;}
	.list_resp_sect .thumbnail img{height:180px;}
	.list_resp_sect .mobile_pagination{margin:0 auto;}
	
	.cls_New_grp-left{width:100%!important;}
	.cls_New_grp-right{width:100%!important;}
    .newcontent{margin-left:0px;}
	.search {float: none!important;width:92%!important; margin-left:auto; margin-right:auto; margin-top:18px;}
    .link:after {top:4px!important;}
	.alpha-new {width:90%!important;}
}
@media only screen and (min-width:415px) and (max-width:480px){
	.testwidth{float: left!important;width: 44%!important;  height: 246px; padding:12px 12px 20px 12px!important;  margin-top: 0px!important;}
   .carwidth { margin-top: 0px!important; padding: 0px 0px 0px 0px!important; float: left!important; width: 50%!important;}
   .ad-img img {max-width: 100%; height: 100%!important;}
}
@media only screen and (min-width:401px) and (max-width:480px){
	.browsecls .thumbnail a{height:125px;}
    .newcontent{margin-left:0px;}
	.top_link font {display: none!important;}	
    .cart-scroll{overflow-x:scroll;overflow-y: hidden;}
   }

@media only screen and (min-width:413px) and (max-width:414px){
	.testwidth{float: left!important;width: 44%!important;  height: 205px; padding:12px 11px 20px 12px!important;  margin-top: 0px!important;}
   .carwidth { margin-top: 0px!important; padding: 0px 0px 0px 0px!important; float: left!important; width: 50%!important;}
   .ad-img img {max-width: 100%; height: 100%!important;}
}

@media only screen and (min-width:360px) and (max-width:400px){
	.browsecls .thumbnail a{height:105px;}
    .newcontent{margin-left:0px;}
	.ad-img img {max-width: 100%;}
	.testwidth{float: left!important;width: 47%!important; padding: 0px 0px 4px 8px!important;
   }
	.carwidth {    margin-top: 0px!important;
    padding: 0px!important;
    float: left!important;
    width: 50%!important;}
	.ad-img img {
    max-width: 100%;
    height: 100%;
}
.block {background: #000;}
.cart-scroll{overflow-x:scroll;overflow-y: hidden;}
.browsecls{padding: 30px 6px 27px!important;}	
}
@media only screen and (min-width:375px) and (max-width:412px){
.testwidth{float: left!important;width: 47%!important; padding:12px 12px 20px 12px!important;  margin-top: 0px!important;}
.carwidth { margin-top: 0px!important; padding: 0px 0px 0px 0px!important; float: left!important; width: 46%!important;}
.ad-img img {max-width: 100%; height: 100%!important;}
.block h3 {font-size:20px!important;}
.top_link font {display: none!important;}	
.block {background: #000;}
}
@media only screen and (min-width:320px) and (max-width:374px){
.testwidth{float: left!important;width: 47%!important; padding:0px 3px 4px 5px!important;  margin-top: 0px!important;}
.carwidth { margin-top: 0px!important; padding: 0px 0px 5px 0px!important; float: left!important; width: 50%!important;}
.ad-img img {max-width: 100%; height: 100%!important;}
.block h3 {font-size: 18px!important;}
.top_link font {display: none!important;}
.browsecls {padding: 30px 6px 27px!important;}
.cart-scroll{overflow-x:scroll;overflow-y: hidden;}
.pull-left {
    float: none;
    width: 100%;
    text-align: center;
    
}
.pull-right {
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
.lower-section-buttons a {
    font-size: 14px;
    display: block;
    text-align: center;
     margin-top: 10px;
}
.block {background: #000;}

}



