/*Ipad Pro*/
@media only screen and (min-device-width : 1024px) and (max-device-width : 1110px){
	.navbar-default{margin-top: 0}
	.navbar-default>.container-fluid {padding: 0px;display: block;}

	.navbar-default .navbar-nav {margin-top:15px;}
	.navbar-brand > img {width: 120px;}
	/*New Home Slider*/
	.slide-container>.container>.row>div{height: 358px;}
	.slide-container>.container>.row>div .caption.one .o-box h3{font-size: 30px}
	/*Single Product Page*/
	.single-product-image-box{
		width: 85%;
		height: 400px;
	}
	.single-product-thumb{
		width: 15%
	}
	.single-cart-btn-clock{
		width: 85%
	}
	.single-cart-btn-clock .btn-div{
		width: 49.4%
	}
	/*Homepage*/
	.carousel-caption{min-height: 300px}
	.upcoming-bottom ul li{margin-left: 0em;}

	/*Reource Page*/
    .resources-list li{width: 25%}
} 
@media (max-width: 991px){
	/*Homepage*/
	.carousel-caption{min-height: 200px}

	.upcoming-bottom ul li{margin-left: 2em;}

	/*datatable*/
	table.datalabel-table {border: 0;}
	table.datalabel-table thead {display: none;}
	table.datalabel-table tr.head{margin-bottom: 0;border-bottom: 0}
	table.datalabel-table tr.head td{text-align: center}
	table.datalabel-table tr.head td h4{margin: 0}
	table.datalabel-table tr {margin-bottom: 10px;display: block;border: 1px solid #ddd;}
	table.datalabel-table td.xs-none{display: none}
	table.datalabel-table td { display: block;text-align: right;font-size: 13px;border-bottom: 1px solid #ccc;border-right: 0 !important;border-left: 0 !important}
	table.datalabel-table td:last-child {border-bottom: 0;}
	table.datalabel-table td:before {content: attr(data-label);float: left;text-transform: uppercase;font-weight: 600;}
	.status-ordered{display: initial;}
	.catr-product-img span{color: #000;}
	.top-menu ul li a{font-size: 13px}
	.navbar-default{margin-top: 0px;margin-bottom: 0 !important}
	.navbar-default .navbar-nav > li > a{padding: 5px 10px}
}

/*Ipad Mini*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1023px){
	/*.navbar-default{margin-top: 0}*/
	/*.navbar-default>.container-fluid {padding: 0px;display: flex;}*/
	.header-bot{padding: 0}
	.navbar-default .navbar-nav {margin-top: 10px;margin-left: 20px;}
	div#bs-example-navbar-collapse-1{
		position: static;
    	padding: 0;
    	margin: 0;
    	background: rgba(0, 0, 0, 0.83);
	}
	.navbar-header{
		margin: 0px
	}
	.container-fluid > .navbar-header {
    	margin: 0 15px;
	}
	.navbar-default{margin: 0px;margin-top:0px;min-height: 70px}
	.navbar-default button.navbar-toggle{margin: 30px 0;}
	.navbar-default .navbar-nav{float: none;margin: 0px}
	.logo_agile{display: none}
	.navbar-brand{display: block;width: 150px;height: auto;padding: 0px}
	header.navbar-fixed-top .header-bot .navbar-default .navbar-nav > li > a{padding: 8px 12px}
	.navbar-default .navbar-nav > li > a{padding:8px 12px;color: #fff }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    	color: #fff;
	}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
		background-color: #067ad6;color: #fff
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		background-color: #067ad6;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		color: #eee
	}
	/*.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    	padding: 10px 15px 10px 25px;color: #333
	}*/
	 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    	color: #fff;
    	background-color: #005395
	}
	.navbar-default button.navbar-toggle:hover, .navbar-default button.navbar-toggle:focus{
		background-color: transparent;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: 80vh}
	/*Homepage*/
	.carousel-caption{min-height: 100px}
	.product-block .image{height: 160px;width: 180px;margin: 0px auto 0;}

	/*New Home Slider*/
	.slide-container>.container>.row>div{height: 350px}
	.slide-container>.container>.row>div .caption .sss-tool{left: 50%;top: 21%;width: 120px;transform: translateX(-50%) translateY(-50%);}
	.slide-container>.container>.row>div .caption.one h3{font-size: 20px}
	.slide-container>.container>.row>div .caption.one .o-box{padding: 5px 8px}
	.slide-container>.container>.row>div .caption.one .o-box h3{font-size: 22px}
	.slide-container>.container>.row>div .caption.three .sss-tool{left:18%;}
	.slide-container>.container>.row>div .caption.three .caption-content{top: 41%}
	.slide-container>.container>.row>div .caption.three .caption-content h3{font-size: 20px}
	.slide-container>.container>.row>div .caption.three .s-box{padding-top: 0}
	.slide-container>.container>.row>div .caption.three .s-box>.div1{width: 250px;padding-left: 30px;padding-right: 10px;}
	.slide-container>.container>.row>div .caption.three .s-box>div>span.sp{font-size: 16px;padding: 5px 15px;}
	.slide-container>.container>.row>div .caption.three .s-box>.div2{width: 85%}
	.slide-container>.container>.row>div .caption.three .s-box>div>span.text{font-size: 16px;}
	.slide-container>.container>.row>div .caption.three .s-box>div>span.text:before{top: 60%}
	.slide-container>.container>.row>div .caption.two .our-3s{font-size: 20px;padding: 5px 20px;}
	.sss-box{padding-top: 30px}
	.sss-box>span{padding: 3px 15px;font-size: 16px;width: 280px;margin: 0 5px;}
	
	/*Single Product Page*/
	.single-product-image-box{
		width: 80%;
		height: 360px;
	}
	.single-product-thumb{
		width: 20%
	}
	.single-product-thumb ul li{
		width: 60px;
		height: 60px
	}
	.single-cart-btn-clock{
		width: 80%
	}
	.single-cart-btn-clock .btn-div{
		width: 49%
	}
	.single-cart-btn-clock .btn-div .btn{
		padding: 10px 10px;
    	font-size: 14px;
	}
	.single-product-size a{
		font-size: 12px;
		margin-bottom: 5px;
	}
	/*My Ordered Page*/
	.btn-view-ordered{padding: 5px;font-size: 10px}
	.status-ordered{font-size: 10px}
	table.table-ordered .product-div .image{width: 30px;height: 30px;border: 0px;background: transparent;}
	table.table-ordered .product-div-content h5{font-size: 14px}
	/*Footer*/
	.footer-address p{padding:0;}
	/*Footer Social Icons*/
	.social ul li{padding: 0 5px 0 5px;margin: 0px;margin-bottom: 5px}
	.social a{width: 25px;height: 25px;font-size: 12px}
	.social ul li a i{line-height: 25px;width: 25px;height: 25px;}
	.mega-dropdown-menu{min-width: 100% }
	.card-column-li {
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
    orphans: 1;
    widows: 1;
    padding-left: 10px;
    padding-right: 10px
  }
  .mega-dropdown.active> .mega-dropdown-menu{display: block;margin-bottom: 20px !important;z-index: 300;position: relative;}
  .mega-dropdown-menu {
    margin: 0 !important;
    min-width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    padding: 0px;
    border: 0;
    position: relative !important;
    height: auto;
    overflow-x: unset;
    overflow-y: unset;
	}
	/*.mega-dropdown{position: relative !important;}*/
	.mega-dropdown-menu .dropdown .dropdown-menu{padding-left: 30px}
	.mega-dropdown-menu>li>ul{padding-bottom: 10px}
	.mega-dropdown-menu>li>ul>li>a{border:0;padding: 2px 10px}
	.navbar-default .navbar-nav .dropdown-menu{min-width: 100%} 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #333 !important;border:0;background-color: #fff}
	.mega-dropdown-menu>.dropdown>.dropdown-menu{padding-top: 10px}
	.mega-dropdown-menu .dropdown .dropdown-menu li a{border: 0;padding:0;}
	.card-li>span>a{display: block;position: relative;z-index: 200;background: #fff}
	.card-column-li .card-li{margin: 0;border-radius: 0;padding: 0;border-bottom: 1px solid #eee}
	.card-column-li .card-li>span{padding: 10px}
	/*.card-column-li .card-li:before{content: '\f067';position:absolute;right: 10px;top:12px;font-family: 'FontAwesome'}
	.card-column-li .card-li.active:before{content: '\f068'}*/
	/*.card-column-li .card-li ul{display: none}*/
	.card-column-li>.card-li.active>ul{display: block;background-color: #fff !important;}

	/*Management*/
	.card-wrapper{height: 415px}

	/*New Cart Page*/
	.panel-my-cart .panel-footer .row .col-md-offset-4 {padding-right: 0;}
	.panel-my-cart .panel-footer .btn{font-size: 14px}
	.panel.panel-my-cart .panel-body>.product-div .image{height: 85px;width: 85px}
	.panel.panel-my-cart .panel-body>.product-div>.div1{width: 100px;}
	.panel.panel-my-cart .panel-body>.product-div>.div3{width: 100px}
	.panel.panel-my-cart .panel-body>.product-div>.div3 form .input-group>.input-group-btn>button {padding-right: 5px;padding-left: 5px;}
	.panel.panel-my-cart .panel-body>.product-div>.div3 input{padding-right: 5px;padding-left: 5px;}
	.radio__container .radio__label{padding: 0px 0px 0px 32px}

	/*Checkout Page*/
	.panel-my-cart .panel-footer p{line-height: 20px}
	.panel-heading .badge{margin-right: 5px}

	/*New My Order Page*/
	.order-item>.div3{width: 110px}
	/*Reource Page*/
    .resources-list li{width: 33.33%}
    .resources-list li.video {width: 33.3%;}
}

/*Only Smart Phone*/
@media (max-width: 640px){
	.m-xs-0{margin: 0}
	.p-xs-0{padding: 0}
	.top-menu{float: none}
	.d-xs-none{display: none !important;visibility: hidden !important;} 
	.d-xs-block{display: block !important;visibility: visible !important;}
	.main {padding: 40px 0;}
	.product-sec1{padding: 20px 0}
	.product-sec1>.row{margin: 0}
	.comment_box{padding: 0px}
	/*Homepage*/
	.carousel-caption{min-height: 230px}
	.slider-text h4{font-size: 16px}
	.carousel-caption .slider-text h1{font-size: 20px;margin: 5px 0;color: #fff}
	.carousel-caption .product-slide-img {width: 40%; display: block;}
	.carousel-caption .slider-text {width: 100%;display: block;margin-top: 1rem;}
	.carousel-caption .threeS-img {width: 25%;margin-top: 30px;}
	.carousel-caption .threeS-img-2 img.img1 {left: 0;top: 0;width: 55px;}
	.carousel-caption .threeS-img-2 img.img2 {left: 60px;top: 31px;width: 25px;}
	.carousel-caption .threeS-img-2 img.img3 {left: 90px;top: 18px;width: 10px;}
	.carousel-caption .threeS-img-2{display: block;}
	.carousel-caption .slider-text-2{display: block;width: 100%;padding-top:0;}
	.carousel-caption .slider-text-2 h1{font-size: 20px;color: #fff}
	.carousel-caption .ss-block{top:50px;padding-left: 0}
	.carousel-caption .ss-block>.div1{width: 50px}
	.carousel-caption .ss-block>.div1>span{font-size: 14px;}
	.carousel-caption .ss-block>.div2>span{padding: 5px}
	.carousel-caption .ss-block>.div2{font-size: 12px;padding-left: 10px}
	.ss-block-last{padding-left: 0;top:50px;}
	.ss-block-last>div{width: 33.33%}
	.carousel-caption .ss-block-last>div>span{font-size: 16px;padding:5px;}

	/*New Home Slider*/
	.slide-container>.container>.row>div {display: table;height: 290px;width: 100%}
	.slide-container>.container>.row>div .caption .sss-tool{width: 100px;transform: translateX(-50%) translateY(-50%);top: 20%}
	.slide-container>.container>.row>div .caption.one h3{font-size: 18px}
	.slide-container>.container>.row>div .caption.one .o-box{padding: 5px 5px}
	.slide-container>.container>.row>div .caption.one .o-box h3{font-size: 18px}
	.slide-container>.container>.row>div .caption.three .sss-tool{left:50%;}
	.slide-container>.container>.row>div .caption.three .caption-content h3{font-size: 18px}
	.slide-container>.container>.row>div .caption.three .s-box{padding-top: 0}
	.slide-container>.container>.row>div .caption.three .s-box>.div1{width: 150px;padding-left: 10px;padding-right: 5px;}
	.slide-container>.container>.row>div .caption.three .s-box>div>span.sp{padding: 2px 5px;font-size: 14px;}
	.slide-container>.container>.row>div .caption.three .s-box>.div2{width: 90%}
	.slide-container>.container>.row>div .caption.three .s-box>div>span.text{font-size: 13px;padding: 5px 8px}
	.slide-container>.container>.row>div .caption.three .s-box>div>span.text:before{position: absolute;content: '';border-right: 7px solid #ffffff;border-left: 7px solid transparent;border-top: 7px solid #ffffff;border-bottom: 7px solid transparent;top: 60%;left: -14px;margin-top: -10px;}
	.slide-container>.container>.row>div .caption.two .caption-content{padding-top: 40px;}
	.slide-container>.container>.row>div .caption.two .our-3s{font-size: 18px;padding: 3px 10px;border: 2px solid #e09b03;}
	.sss-box{padding-top: 20px;}
	.sss-box>span{padding: 2px 10px;border: 1px solid #4289C9;font-size: 14px;width: 270px;margin: 0 5px;}
	/*header*/
	.top-menu> ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.top-menu ul li{padding:5px 10px;}
	.top-menu ul li a{font-size: 13px;padding:0px;}
	header.navbar-fixed-top .header-bot .navbar-default{margin:0;}
	header.navbar-fixed-top .header-bot .navbar-brand img {width: 90px;}
	header.navbar-fixed-top .header-bot .navbar-default button.navbar-toggle {margin: 14px 0;}
	.header{padding: 0px}
	.navbar-default>.container-fluid {
    	padding: 0px 0;
	}
	div#bs-example-navbar-collapse-1{
		position: static;
    	padding: 0;
    	margin: 0;
    	background: rgba(0, 0, 0, 0.83);
	}
	.navbar-header{
		margin: 0px
	}
	.container-fluid > .navbar-header {
    	margin: 0 15px;
	}
	.navbar-default{margin: 0px;margin-top:0px;min-height: 70px}
	.navbar-default button.navbar-toggle{margin: 30px 0;}
	.navbar-default .navbar-nav{float: none;margin: 0px}
	.logo_agile{display: none}
	.navbar-brand{display: block;width: 150px;height: auto;padding: 0px}
	header.navbar-fixed-top .header-bot .navbar-default .navbar-nav > li > a{padding: 8px 12px}
	.navbar-default .navbar-nav > li > a{padding:8px 12px;color: #fff }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    	color: #fff;
	}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
		background-color: #067ad6;color: #fff
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		background-color: #067ad6;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{
		color: #eee
	}
	/*.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    	padding: 10px 15px 10px 25px;color: #333
	}*/
	 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        color: #fff;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    	color: #fff;
    	background-color: #005395
	}
	.navbar-default button.navbar-toggle:hover, .navbar-default button.navbar-toggle:focus{
		background-color: transparent;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: 80vh}
	/*Product Page*/
	.men-thumb-item .image{
		height: 250px;
		width: 250px
	}
	.item-info-product{margin: 0px}
	/*Single Product Page*/
	.single-product-thumb,
	.single-product-image-box{
		float: none;
		width: 100%
	}
	.single-product-image-box{
		height: 300px
	}
	.single-product-thumb{
		display: flex;
        justify-content: center;
	}
	.single-product-thumb ul{
		display: block
	}
	.single-product-thumb ul li{
		display: inline-block;
		width: 45px;
		height: 45px;
		border:1px solid #eee;
		margin:1px;
		vertical-align: middle;
	}
	.single-cart-btn-clock{
		width: 100%;
		float: none;
		display: block;
		margin: 10px 0;
	}
	.single-cart-btn-clock .btn-div{
		width: 49%
	}
	.single-cart-btn-clock .btn-div .btn{
		padding: 5px 10px;
		font-size: 14px
	}
	.single-product-size a{font-size: 13px}
	.owl-prev{text-align: left;left:-10px;right: auto;}
	.owl-next{text-align: right;right:-10px;left: auto}

	/*Cart Page*/
	table td{min-height: 40px}
	.catr-product-img form{float: right;}
	table .product-div .image,table .product-div-content{text-align: left}
	table .product-div-content {padding-left: 15px;}
	table.review-tabble td,table.review-tabble th{border:0px solid #eee;border-bottom: 1px solid #eee}

	/*My Ordered Page*/
	.status-ordered{display: inline;}
	table.datalabel-table.table-ordered tr{border-bottom: 2px solid #f6931e;}
	.btn-view-ordered{padding: 5px;font-size: 12px}
	.status-ordered{font-size: 12px}

	/*Home Page*/
	.pl-xs-0{padding-left: 0 !important}
	.upcoming-bottom ul li{float: none;margin: 0;text-align: center;}
	.upcoming-about-next {margin-bottom: 60px;}
	/*Footer*/
	.footer-address h3{
		padding: 20px 0 0px 0;
	}
	.card-column-li {
    -webkit-column-count:1;
    -moz-column-count:1;
    column-count:1;
    orphans: 1;
    widows: 1;
    padding-left: 10px;
    padding-right: 10px
  }
  .mega-dropdown.active> .mega-dropdown-menu{display: block;margin-bottom: 20px !important;z-index: 300;position: relative;}
  .mega-dropdown-menu {
    margin: 0 !important;
    min-width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    padding: 0px;
    border: 0;
    position: relative !important;
    height: auto;
    overflow-x: unset;
    overflow-y: unset;
	}
	/*.mega-dropdown{position: relative !important;}*/
	.mega-dropdown-menu .dropdown .dropdown-menu{padding-left: 30px}
	.mega-dropdown-menu>li>ul{padding-bottom: 10px}
	.mega-dropdown-menu>li>ul>li>a{border:0;padding: 2px 10px}
	.navbar-default .navbar-nav .dropdown-menu{min-width: 100%} 
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #333 !important;border:0;background-color: #fff}
	.mega-dropdown-menu>.dropdown>.dropdown-menu{padding-top: 10px}
	.mega-dropdown-menu .dropdown .dropdown-menu li a{border: 0;padding:0;}
	.card-li>span>a{display: block;position: relative;z-index: 200;background: #fff}
	.card-column-li .card-li{margin: 0;border-radius: 0;padding: 0;border-bottom: 1px solid #eee}
	.card-column-li .card-li>span{padding: 10px}
	/*.card-column-li .card-li:before{content: '\f067';position:absolute;right: 10px;top:12px;font-family: 'FontAwesome'}
	.card-column-li .card-li.active:before{content: '\f068'}*/
	/*.card-column-li .card-li ul{display: none}*/
	.card-column-li>.card-li.active>ul{display: block;background-color: #fff !important;}

	/*Owl Carousel*/
	.owl-carousel .owl-prev {left: -10px;} 
	.owl-carousel .owl-next {right: -10px;}
	
	/*Event Page*/
	.event-list .event-card>.event-card-content{width: 100%;display: block;padding: 0}
	.event-list .event-card>.image-thumb {width: 100%;display: block;margin-bottom: 20px}

	/*Management*/
	.card-wrapper{height: 400px}

	/*Testimonial Page*/
	.testimonial-wrapper figure.snip1167 blockquote{background-color: #212121;color: #fff;padding: 65px 50px 30px 50px;margin: -50px 0 0}
	.testimonial-wrapper figure.snip1167 .author{color: #333;text-align: center}
	.testimonial-wrapper figure.snip1167 img{margin:0 auto;position: relative;left: auto;}
	.testimonial-wrapper figure.snip1167{float: left;overflow: hidden;margin:10px 1%}
	.testimonial-wrapper figure.snip1167 blockquote:before {top: 70px;left: 20px;}

	/*New Cart Page*/
	.panel.panel-my-cart .panel-body>.product-div{position: relative;padding-bottom: 85px}
	.panel.panel-my-cart .panel-body>.product-div>.div3{display: table-footer-group;}
	.panel.panel-my-cart .panel-body>.product-div>.div3 .quantity-block{width: 100px}
    .panel.panel-my-cart .panel-body>.product-div>.div3 .quantity-block .input-group{margin-bottom: 5px}
    .panel.panel-my-cart .panel-body>.product-div>.div3 .quantity-block .input-group> input{height: 30px;padding: 2px;}
    .panel.panel-my-cart .panel-body>.product-div>.div3 .quantity-block .input-group>.input-group-btn>button{padding: 3px;height: 30px}
    .panel.panel-my-cart .panel-body>.product-div>.div3 .quantity-block .input-group>.input-group-btn>button span{font-size: 12px}
    .panel.panel-my-cart .panel-body>.product-div>.div3 .btn-primary{width: 100px;height: 30px;font-size: 14px;padding: 5px 10px}
    .panel-my-cart .panel-footer .btn-default{margin-bottom: 10px}
    .panel.panel-my-cart .btn-continue{margin-bottom: 15px}


    /*Checkout Page*/
    .panel-heading .badge{margin-right: 5px}
    .checkout-panel >.panel-body{padding-left: 45px}

    /*New My Order Page*/
    .order-item{display: block;width: 100%}
    .order-item>div{display: inline-block;}
    .order-item>.div1{width: 20%}
    .order-item>.div1 .image{width: 90px;height: 90px}
    .order-item>.div1 .span-quantity{width: 90px;font-size: 12px}
    .order-item>.div2{width: 78%;float: right;padding-left: 0px}
    .order-item>.div3{width: 20%;margin-top: 10px;font-size: 13px;text-align: center}
    .order-item>.div3 .prices{width: 90px}
    .order-item>.div4{width: 78%;margin-top: 10px;font-size: 13px;padding-left: 10px}
    .my-order-panel .order-total div p>span{margin-bottom:5px;display: block}

	/*Reource Page*/
    .resources-list li{width: 50%}
    .resources-list li.video {width: 100%;}
    .resources-list li .panel>.panel-footer{height: auto;}

    .payment-mode li{width: 100%;margin-bottom: 60px}
    .payment-mode li:last-child{margin-bottom: 0}



}

/*Only Small Phone*/
@media (max-width: 520px){
	.order-item{display: block;width: 100%}
    .order-item>div{display: inline-block;}
    .order-item>.div1{width: 20%}
    .order-item>.div1 .image{width: 90px;height: 90px}
    .order-item>.div1 .span-quantity{width: 90px;font-size: 12px}
    .order-item>.div2{width: 78%;float: right;padding-left: 0px}
    .order-item>.div3{width: 20%;margin-top: 10px;font-size: 13px;text-align: center}
    .order-item>.div3 .prices{width: 90px}
    .order-item>.div4{width: 78%;margin-top: 10px;font-size: 13px;padding-left: 10px}
    .my-order-panel .order-total div p>span{margin-bottom:5px;display: block}
    .resources-list{margin: 0}
    .resources-list.event li{width: 100%}
}
@media (max-width: 425px){
	.order-item{display: block;width: 100%}
    .order-item>div{display: inline-block;}
    .order-item>.div1{width: 26%}
    .order-item>.div1 .image{width: 90px;height: 90px}
    .order-item>.div1 .span-quantity{width: 90px;font-size: 12px}
    .order-item>.div2{width: 68%;float: right;padding-left: 0px}
    .order-item>.div3{width: 29%;margin-top: 10px;font-size: 13px;text-align: center}
    .order-item>.div3 .prices{width: 90px}
    .order-item>.div4{width: 68%;margin-top: 10px;font-size: 13px;padding-left: 10px}
    .my-order-panel .order-total div p>span{margin-bottom:5px;display: block}
}
@media (max-width: 320px){
	.single-product-size a{font-size: 11px}
	.order-item{display: block;width: 100%}
    .order-item>div{display: inline-block;}
    .order-item>.div1{width: 29%}
    .order-item>.div1 .image{width: 80px;height: 80px}
    .order-item>.div1 .span-quantity{width: 80px;font-size: 12px}
    .order-item>.div2{width: 68%;float: right;padding-left: 10px}
    .order-item>.div3{width: 29%;margin-top: 10px;font-size: 13px;text-align: center}
    .order-item>.div3 .prices{width: 80px}
    .order-item>.div4{width: 68%;margin-top: 10px;font-size: 13px;padding-left: 10px}
    .my-order-panel .order-total div p>span{margin-bottom:5px;display: block}
}