@media only screen and (min-width: 768px) and (max-width: 1300px) {
.homeicon {position: absolute; top: 10px; cursor: pointer; right: 0px; z-index: 2;}
.left_order_confirm_content{width: 24%; float: left; margin-top: 40px; margin: 0px; padding: 0px;}
.right_order_confirm_content{width: 75%; float: left; margin-left: 1%; margin-top: 30px; padding: 0px;}
.fopter_margin{margin-left: 0px;}
#ordersupply_left_cont{width: 16%; height: auto; float: left; margin: 0px 1%;}
/*#ordersupply_right_cont{width: 80%; height: auto; float: right; overflow-y: hidden; overflow-x: scroll;}*/
.ordersupply_right_container{width: 76%;}
.ordersupply_edit_row_cont{margin: 0px;}
.ordersupply_edit_row_cont label, .ordersupply_edit_row_cont input, select{width: 100%; height: auto; float: left; text-align: left; margin: 5px 0px 0px 0px;}

}
@media only screen and (min-width: 768px) and (max-width: 1139px) {
.dataTables_scrollHead_Cont_Scroll, #body1{margin-bottom: 40px;}
/* header */
header .float-left, header .float-right {float: none;}
header .site-title {margin: 10px; text-align: center;}
#login {font-size: .85em; margin: 0 0 12px; text-align: center;}
#login ul {margin: 5px 0; padding: 0;}
#login li {display: inline; list-style: none; margin: 0; padding: 0;}
#login a {background: none;color: #999; font-weight: 600; margin: 2px; padding: 0;}
#login a:hover {color: #333;}
nav {margin-bottom: 5px;}
ul#menu {margin: 0;padding: 0; text-align: center;}
ul#menu li {margin: 0;padding: 0;}
/* main layout */
.main-content, .featured + .main-content {background-position: 10px 0;}
.content-wrapper {padding-right: 10px; padding-left: 10px;}
.featured .content-wrapper {padding: 10px;}
article, aside {float: none; width: 100%;}
ol.round {list-style-type: none;padding-left: 0;}
ol.round li {padding-left: 10px; margin: 25px 0;}
ol.round li.zero,ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine {background: none;}
section.feature {float: none; padding: 10px; width: auto;}
section.feature img {color: #999; content: attr(alt); font-size: 1.5em; font-weight: 600;}
input {width: 90%;}
#loginForm {border-right: none; float: none; width: auto;}
#loginForm .validation-error {display: block; margin-left: 15px;}
#socialLoginForm {margin-left: 0; float: none; width: auto;}
/* footer */
footer .float-left, footer .float-right {float: none;}
footer p {margin: 0;}
#banner-section {width: 100%;height: 80%;}
.carousel-indicators {bottom: 130px !important;}
.paddtp20 {padding: 0;}
.carousel-indicators {bottom: 490px !important;}
.navbar-nav>li>a {text-align: center;}
.dataTables_wrapper .dataTables_length {margin-top: 30px;}
.navbar-nav>li>a>span {color: white;}
.marginLeft2 {margin-Left: 4%;}
.paddtp20 {padding: 20% 0px 0px 0px;}
.change-btn2, #btnReset{width: 140px !important;}
.stepAlignDiv {margin: 0% 0% 0% 18%; width: 80%;}
.name-tag-set {margin: 0px; width: 200px;}
.fot-list ul{margin-left: 0px !important;position: relative; top: 0;}
.order_left_container{width: 180px !important;}
.ordersummry_btn{width: 160px; float: left;}
.ordersummrybtn_line{display: none;}
#btnRangePage, #btnAddOrder{width: 120px !important;}
.dataTables_wrapper{margin: 0px !important; width: auto;}
#btnExportOutstanding, #btnExport{width: 140px !important;}
.col-md-9 #divReports{width: 100%; float: left; margin: 35px 0px 0px 0px; padding: 0px; overflow-x: auto; overflow-y: hidden;}
.dataTables_wrapper .dataTables_filter{width: 40%; float: right;}
.dataTables_wrapper .dataTables_filter input{width: 80%;}
.dataTables_wrapper .dataTables_scroll{width: 866px;}
.generateorder_container{margin: 0px;}
.col-md-8 #divReports{width: 100%; float: left; margin: 0px; padding: 0px;}
.left_order_confirm_content{width: 24%; float: left; margin-top: 40px; margin: 0px; padding: 0px;}
.right_order_confirm_content{width: 75%; float: left; margin-left: 1%; margin-top: 30px; padding: 0px;}
.order_confirmation_btn_cont{width: 75%; margin-bottom:5px; float: right;}
.order_confirmation_btn{width: 140px !important; float: left; padding: 0px;}
.order_confirmation_line_cont, .order_confirmation_btn_none{display: none;}
.title-line-text {width: 100%; height: 30px; margin-top: 20px;}
.order_title_cont{width: 34%;}
.invoice_head_container span:last-child{padding:0px;}
.invoice_content_row_container span input[type="checkbox"], .credit_bodycontent span input[type="checkbox"], .debit_bodycontent span input[type="checkbox"]{left:3px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1139px) {
.loginPanel {position: absolute; top: 36px; left: 55%; z-index: 5000; width: 400px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.loginPanel {position: absolute; top: 36px; left: 37% !important; z-index: 5000; width: 385px;}
.left-side-content {width: 15%; float: left; margin-top: 30px; margin-right: 1%;}
.left-side-content label {padding-top: 0px; text-align: left; display: block; width: 100%;}
.left-side-content .col-sm-8 {width: 100%; padding: 0px; margin: 0px;}
.left-side-content .col-sm-8 input.form-control {padding: 0px; margin: 2px 0px;}
.left-side-content .col-sm-7.col-md-offset-4 {width: 100%; padding: 0px;}
.left-side-content .col-sm-6 {width: 80%; padding: 0px;}
.left-side-content .col-sm-2 {padding: 0px;}
.dataTables_wrapper{margin: 0; width: 100% !important;}
.col-md-9 #divReports{width:84%;}
.col-md-8 #divReports{width: 83%;}
#OrderCode{width: 59%;}
.col-sm-2.btn_add_cont {width: 204px !important; float: left;}
.password_container{width: 350px; float: right; background-color: #fff;}
.style_range_container_cont{width: 12.5%; float: right; margin-top: 75px; margin-left: 5px;}
.OtherStyle{width: 100%; text-align: center;}
.label-name label:first-child{width:30%; height:auto; float:left; margin: 0px; }
.label-name label:last-child{width:68%; height:auto; float:left; margin:0px; font-weight:normal; }
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.ordersummry_btn{width: 160px; float: right;}
.ordersummrybtn_line{display: none;}
.dataTables_wrapper{width: 97%; float: left; margin: 35px 1.5% 0px 1.5%; padding: 0px; /*overflow-x: scroll; overflow-y: hidden;*/}
.scrollingTableInner{width: 100%; padding: 0px !important;}
#OrderCode{margin-top: 2%; width: 67%; margin-right: 0px;}
.style_range_container_cont{width: 12.5%; float: right; margin-top: 75px; margin-left: 5px;}
.OtherStyle{width: 100%; text-align: center;}
#orderConfirmation{width: 99%;}
#placeOrder{width: 160px !important; float: right;}
.order_confirmation_line_cont{margin-top: 0px !important;}
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
body{border: none !important; margin:0px; padding:0px;}
.web_view{display: none !important;}
.mobile_view{display: block !important;}
.center_view{width: 96%; height: auto; float: left; margin: 0px 2%; position:relative;}
.header_main_container{width: 100%; height:100px; float: left; position: fixed; z-index:99;}
.logo_container {width: 200px !important; height: 45px !important; float: left; margin: 7px 0px !important;}
.header_login_container {width: auto !important; padding: 0px 10% 0px 0px !important; margin: 35px 0px 0px 0px !important; height: 30px;}
.banner_container{width:100%; height: auto; background-color:#686868; border:none; float:left; position:relative; top:100px;}
#banner-section {
    height: 75% !important;
}
.loginPanel {width: 300px !important; padding: 0px 0px 30px 0px; position: absolute; z-index: 9;  top: 40px !important; left: 80px !important; background: rgba(0, 0, 0, .8) !important;}
.loginPanel::after{bottom: 100%; left: 80% !important; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(21, 28, 33, 0); border-bottom-color: rgb(54, 54, 54); border-width: 16px !important; margin-left: -16px !important;}
.colorLabel-Login{text-align: left !important; margin-left: 0px !important;}
.lblPassword{padding: 0px;}
.txtUsername{width: 96%;}
.footer_container{width: 100%; height: 50px; position: fixed; bottom: 0; float: left; background-color: #F8F8F8;}
.mobile_footer_link_cont{display: none;}
.mobile_footer_icon_link_cont{width: 32px; height: 32px; float: right; margin: 10px; background-image: url(../Images/footer_link_icon.png); background-repeat: no-repeat; display: block;}
.footer_partner_logo_cont{width: 130px; height: 30px; float: left; margin:10px 0px 0px 0px; background-image: url('../IMg/Partners - Logo 2.png'); background-size:contain; background-repeat:no-repeat; background-position:center;}
.mobile_footer_link_cont{width: 100%; height: auto; float: left; position: absolute; bottom: 50px;}
.mobile_footer_link_cont ul{margin: 0px; padding: 0px; background-color: #FFF;}
.mobile_footer_link_cont ul li{display: block; border-bottom: 1px solid #EAEAEA; padding: 10px 0px; text-align: center;}
.mobile_footer_link_cont ul li a{color:#333 !important; font-size:12px;}
/* Biswajit Added 07-06-2016 */
.forgotButton{width: 55% !important;}
.logo_container img{width: 100% !important;}
.menu_link_cont{position: absolute; right: 0; top: 35px; width: 32px; height: 32px; float: right; background-image: url(../../Images/menu_icon.png); background-repeat: no-repeat; display: block; margin: 0px 10px 0px 10px;}
.menu {background: #202024 url('http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/uber/black-thread.png') repeat left top; right: -285px; /* start off behind the scenes */ height: 100%; position: fixed; z-index:999; top: 0; width: 285px; overflow-x: hidden; overflow-y: auto;}
/* Basic styling */
.jumbotron{background-image: url('../../Images/menu_bg.png'); height: 70px; position: fixed !important;width: 100%;}
.main_container{width: 100%; height: 600px; float: left; position: relative; top: 70px; overflow-y: scroll; overflow-x: hidden; z-index: -1;}
.menudropdown_cont{width: 25%; height: auto; float: right; position: relative;}
.menu ul {border-top: 1px solid #636366; list-style: none; margin: 0; padding: 0;}
.menu li {position: relative; border-bottom: 1px solid #636366; font-family: 'Open Sans', sans-serif; line-height: 45px; padding-bottom: 3px; padding-left: 0px; padding-top: 3px;}
.menu a {color: #fff !important; font-size: 15px; padding: 0px 0px 0px 20px; text-decoration: none; text-align:center; text-transform: uppercase; display: inline-block; width: 100%;}
.menu a.sub_nav_menu {color: #13a7f8 !important;}
.menu a.sub_nav_menu_one {background-color: #19d7ed; margin: 0px; }
.icon-close {cursor: pointer; padding-left: 10px; padding-top: 10px;}
.icon-menu {color: #fff; cursor: pointer; font-size: 16px; padding-bottom: 25px; padding-left: 25px; padding-top: 25px; text-decoration: none; text-transform: uppercase; width: auto; display: inline-block;}
.icon-menu i {margin-right: 5px;}
.sub_nav_menu span, .sub_nav_menu_one span{position: absolute; right: 15px; top: 15px; width: 16px; height: 16px; float: right; background-image: url(../Images/nav-arrow-down.png); background-repeat: no-repeat;}
.sub_nav_menu_rotate{transform: rotate(180deg); }
.sub_nav_menu_unrotate{transform: rotate(0deg); }
.sub_nav_menu_cont{display: none;}
#nav .show-subnav li:last-child {border-bottom: none !important;}
.inner_banner_img {width:100%; float:left; margin: 100px 0px 0px 0px;}
.inner_banner_img img{width:100%; height:320px;}
.header_mobile_view{display:block;}
.header_web_view {display:none;}
.tab_container_cont{display:none !important;}
.form_center_container{width:100%;}
.form_filed_cont{width:94%; margin:20px 10px;}
.form_filed_row_cont label, .form_filed_row_cont input, select{display:block; width:100% !important;}
.photo_upload_cont label{width:45% !important;}
.form_filed_cont .form_filed_row_cont .error_msg{left:0; border-radius:0px;}
.form_filed_cont .form_filed_row_cont .error_msg::before {border-top: 8px solid transparent; border-right: none; border-left: 8px solid #fcc; top: -8px; left: 0px;}
.upadte_table_scroll_cont{width:100%;}
.upadte_table_search_cont{width:96%;}
.distributor_table_head_cont span:nth-child(1){width:17%;}
.distributor_table_head_cont span:nth-child(2){width:32%;}
.distributor_table_head_cont span:nth-child(3), .distributor_table_head_cont span:nth-child(4){width:25%;}
.distributor_table_row_cont span:nth-child(1){width:17%;}
.distributor_table_row_cont span:nth-child(2){width:30%; padding-left: 10px; text-indent: 0px;}
.distributor_table_row_cont span:nth-child(3), .distributor_table_row_cont span:nth-child(4){width:25%;}
.distributor_table_row_cont, .owner_select_cont{width:100%;}
.owner_select_cont input{width:86% !important;}
.select_dropdown_cont{width:100%;}
.download_excel {margin: 0px !important;}
.header_user_container{top:15px !important;}
.nav>li{text-align:center; position: relative; float: left; width: 100%;}
.navbar-nav .open .dropdown-menu li.dropdown-submenu {width: 100%; position:relative;}
.navbar-nav > li > a > span{font-weight: normal; font-size: 14px !important; background-image: none !important;}
.navbar-nav .open .dropdown-menu{position:relative !important; width:100% !important;}
.navbar-nav .open .dropdown-menu li{background-color:#404040;}
.navbar-nav .open .dropdown-menu li.dropdown a span, .navbar-nav .open .dropdown-menu li.dropdown-submenu span{font-size: 13px; text-transform:capitalize;}
.dropdown-menu:after{right:45% !important; margin-right:0px; border-bottom-color: rgb(61, 61, 61);}
.caret {display: block !important; width: 0; height: 0; margin-left: 0px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; position: absolute; right: 20px; top: 20px;}
.navbar-nav .open .dropdown-menu li.dropdown:last-child {border-bottom: none;}
.header_user_container{top:15px !important; width:200px !important;}
.userNav{width:150px; word-break:break-all;}
.footer_container span {width: auto; float: left; margin: 20px 0px 0px 10px; font-size:12px;}
.homeicon{top: 0px;}
.contactHeader {font-size: 24px !important; line-height: normal !important;}
.password_container {width: 100%; height: auto; float: left; margin-top: 100px;}
.create_img_cont{display:none;}
.right_order_cont {padding: 20px 0px 0px !important;}
.StepTwo{float:left;}
.StepTwoBgclr{padding-bottom: 6px !important; float:left; width:100%;}
.mrgtopStptwo {font-size: 18px; top: 25px;}
.right_order_cont{width:100%;}
.selectOptions{position:relative;}
.btn_add_cont {width: 45%; margin: 0px 0px 10px 0px; float: left;}
.ordersummry_btn {width: 48%; float: left; position:relative; z-index:99;}
.noFormMargin {width: 45%; float: left; margin: 0px 5px !important;}
.noFormMargin label{margin-bottom:0px;}
.order_left_container {width: 85% !important; height:auto; float:left;}
.image_container{width:30%; float:left; height:105px;}
.image_description{width:68%; float:left;}
.scroll{top:95px; z-index: 9999;}
.order_scroll{max-height: 75%; overflow-x: auto;}
.style_range_container_cont{display:none;}
#OrderCode {width: 89%; float: left;}
#imgStyle, #imgStyleBak, #imgStyleCont {width: 85px;}
.table-responsive {border: none !important;}
}

@media only screen and (min-width: 300px) and (max-width: 651px) {
.step_link {  padding: 0px 0px 0px 60px;  border: 0px; margin: 10px 0px 0px 20px !important; height: auto; }
.step_link h5 { display: none; }
.close_btn_img{display:none !important;}

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


}

@media only screen and (min-width: 300px) and (max-width: 480px) {
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {height: 220px !important;}
.upadte_table_main_container{width:96%; margin:20px 2% 0px 2%;}
.upadte_table_head_cont{width:100%;}
.upadte_table_head_cont span:nth-child(1){width:40px;}
.upadte_table_head_cont span:nth-child(3){width:35%;}
.upadte_table_head_cont span:nth-child(5){width:30%;}
.upadte_table_head_cont span:nth-child(4){width:20%;}
.upadte_table_head_cont span:nth-child(2), .upadte_table_head_cont span:nth-child(6), .upadte_table_head_cont span:last-child{display:none;}
.upadte_table_row_cont span:nth-child(1), .upadte_table_row_cont span a{width:40px;}
.upadte_table_row_cont span:nth-child(3){width:35%;}
.upadte_table_row_cont span:nth-child(5){width:30%; padding-left: 10px; text-indent: 0px;}
.upadte_table_row_cont span:nth-child(4){width:20%;}
.upadte_table_row_cont span:nth-child(2), .upadte_table_row_cont span:nth-child(6), .upadte_table_row_cont span:last-child{display:none;}
.upadte_table_row_cont{width:100%;}
.upadte_table_row_cont span{word-break:break-all;}
a.tab_link{margin: 10px 0px 10px 0px; padding: 9px 5px 9px 5px;}
.form_filed_admin_cont label{width: 140px; font-size: 12px; padding: 5px 10px 5px 30px;}
.green, .red{width:100%;}
.partner_logo_container{width:auto !important; z-index:999 !important;}
.partner_logo{display:none;}
#body1{top:100px !important; width: 96%; overflow-x: auto; margin: 0px auto;}
.performance_summry_container {overflow-x: auto;}
.footer_cont{display:none;}
.HeaderButton {float: none; display: inline-block; margin: 0px 0px 10px;}
.create_order_container{width:100%; margin:0px; padding:0px 10px 0px 0px;}
.order_left_container {width: 100% !important; height:auto; float:left;}
.image_container{width:30%; float:left; height:105px;}
.image_description{width:68%; float:left;}
.scroll{top:95px; z-index: 9999;}
.style_range_container_cont{display:none;}
#OrderCode {width: 100%; float: left;}
#imgStyle, #imgStyleBak, #imgStyleCont {width: 85px;}
.order_scroll{max-height: 75%; overflow-x: auto;}
.no_btn_cont{display:none;}
.btn_range_cont{width:auto; float:left !important; margin-bottom:5px;}
.table-responsive {border: none !important;}
.order_scroll{max-height: 75%; overflow-x: auto;}
.img_style_cont, .img_styleback_cont {float: left; margin-bottom:10px;}
.ordersummry_btn button, .btn_add_cont button {font-size: 11px !important;}
.popup-box-4 {width: 300px !important; margin: 0px  !important; left: 10px !important;}
.IndianRupee, .IndianRupeeLine {display: none;}
.title-line-text span{font-size:18px !important;}
}
@media only screen and (min-width: 481px) and (max-width: 960px){
.upadte_table_main_container{width:96%; margin:20px 2% 0px 2%;}
.upadte_table_head_cont{width:100%;}
.upadte_table_head_cont span:nth-child(1){width:40px;}
.upadte_table_head_cont span:nth-child(3){width:25%;}
.upadte_table_head_cont span:nth-child(5){width:18%;}
.upadte_table_head_cont span:nth-child(4){width:20%;}
.upadte_table_head_cont span:nth-child(6){width:28%;}
.upadte_table_head_cont span:nth-child(2), .upadte_table_head_cont span:nth-child(7){display:none;}
.upadte_table_row_cont span:nth-child(1), .upadte_table_row_cont span a{width:40px;}
.upadte_table_row_cont span:nth-child(3){width:25%;}
.upadte_table_row_cont span:nth-child(5){width:18%; padding-left: 10px; text-indent: 0px;}
.upadte_table_row_cont span:nth-child(4){width:20%;}
.upadte_table_row_cont span:nth-child(6){width:28%;}
.upadte_table_row_cont span:nth-child(2), .upadte_table_row_cont span:nth-child(7){display:none;}
.upadte_table_row_cont{width:100%;}
.upadte_table_row_cont span{word-break:break-all;}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.form_center_container{width:100%;}
.photo_upload_cont label{width:45% !important;}
}

/*Added on 28Sep2016*/
@media only screen and (min-width: 320px) and (max-width: 768px) {
.daily_form_container {width: 96%;}
.daily_form_top_row_cont{width:100%; margin: 5px 0px;}
.daily_form_top_row_cont label{width:55%; text-indent:15px;}
.daily_form_top_cont {margin: 20px 0px 0px 0px;}
.daily_form_left_cont, .daily_form_right_cont{width:100%; margin: 0px; padding-bottom:0px;}
.daily_form_right_cont{border-left:none; padding:0px;}
.daily_form_row_cont { margin: 0px;}
.daily_form_row_cont label{width:100%;}
.select_product_container {left: 0; top: 60px; width: 280px;}
.daily_form_btn_cont { margin: 15px 0px 50px 10px; float:left;}
.daily_form_row_cont input, .select_product_cont {width: 280px;}
.daily_form_top_row_cont span { text-align: left !important; text-indent: 10px; height:40px;}
.title-line-text p{background-color:transparent; margin:0px;}
.form_filed_row_cont input{display:block; width:90% !important;}
.daily_form_row_cont Select{ width:89% !important;}
.dmvr_last_tran_container {width: 94% !important;}
.daily_radio_container a { left: -25px; top: 160px !important;}
}

/* 13/04/2017 Biswajit Added */

.title-line-text{ width:100%; height:30px; margin:10px auto; position:relative; left:0; text-align:center;}
.title-line-text span{width:auto; height:auto;  font-size:22px; background-color:#fff; font-weight:bolder; text-align:center; position:relative; z-index:2; display:inline-block;}
.title-line-text span:after, .title-line-text span:before{content:""; width:10px; height:100%; position:absolute; left:-10px; top:0px; background-color:#fff;}
.title-line-text span:before{right:-10px; left:auto;}
.title-line{width:100%; height:1px; background-color:#000; top:50%; left:0; position:absolute;}
.not-active {pointer-events: none; cursor: default;}

/* 08-06-2017 Biswajit Added */
@keyframes loading {0% {transform: scale(1);}20% {transform: scale(1, 2.2);}40% {transform: scale(1);}}
@keyframes loading {0% {transform: scale(1);}20% {transform: scale(1, 2.2);}40% {transform: scale(1);}}
svg{width:60px; height:60px; overflow: visible !important;}
.animation{animation: animationFrames linear 1s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 1s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames linear 1s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -o-animation: animationFrames linear 1s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -ms-animation: animationFrames linear 1s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 50% 50%;}
@keyframes animationFrames{
0% {transform:  rotate(-360deg) ;}
100% {transform:  rotate(0deg) ;}
}
@-moz-keyframes animationFrames{
0% {-moz-transform:  rotate(-360deg) ;}
100% {-moz-transform:  rotate(0deg) ;}
}
@-webkit-keyframes animationFrames {
0% {-webkit-transform:  rotate(-360deg) ;}
100% {-webkit-transform:  rotate(0deg) ;}
}
@-o-keyframes animationFrames {
0% {-o-transform:  rotate(-360deg) ;}
100% {-o-transform:  rotate(0deg) ;}
}
@-ms-keyframes animationFrames {
0% {-ms-transform:  rotate(-360deg) ;}
100% {-ms-transform:  rotate(0deg) ;}
}